Level 1 exam — Elementor

Exam — hardened questions

15 questions to validate building a page: Flexbox containers, basic widgets, the 3 tabs, style/spacing and responsive.
Answer everything, then click Check: each explanation re-teaches the concept.

1.1 · Recall

1. In a Flexbox container, what does "direction" set?

The alignment in a row (horizontal) or a column (vertical) The container's background color The font size The container's name

Direction defines whether elements line up in a row (horizontal) or a column (vertical).

1.1 · Application

2. To space 3 cards evenly in a row, which setting do you use?

A different margin on each The container's gap Mandatory custom CSS Nothing, it's automatic and not adjustable

Gap sets a regular spacing between elements, cleaner than individual margins.

1.1 · Arbitration

3. Nadia wants 3 cards in a row to stack on mobile. What must she enable?

A second H1 Custom CSS only The container's wrap Removing the cards on mobile

Wrap lets elements move to the next line when width runs out: the cards stack on mobile.

1.2 · Recall

4. How many H1s should a page have?

As many as you want None Exactly three Only one

A single H1 (the main title), then H2/H3 in a hierarchy — important for SEO and accessibility.

1.2 · Application

5. What's the reflex for each inserted image?

Fill in a descriptive alternative text (alt) Make it an H1 Duplicate it three times Leave it with no description

The alt describes the image for engines and screen readers: to fill in on every useful image.

1.2 · Arbitration

6. On mobile, how do you make a contact button most effective?

Hide it to save space Link it with "tel:" to call in one tap Write "Click here" without specifying the action Make it tiny

A "tel:" link triggers the call in one tap on mobile — ideal for a tradesperson reachable by phone; the text should announce the action.

1.3 · Recall

7. In which tab do you set margins and paddings?

Content Style Advanced None: you need CSS

Margins and paddings are in the Advanced tab (with positioning and responsive).

1.3 · Recall

8. What do you find in the Style tab?

The text and links The margins and paddings The widget's name The appearance: colors, typography, borders

Style gathers the appearance: colors, typography, background, borders, shadows.

1.3 · Application

9. Nadia wants to change a button's text. Which tab?

Content Advanced Style Responsive

An element's text and link are in the Content tab (the "what").

1.4 · Recall

10. What's the good practice for a site's colors?

Set them element by element each time Define them globally (site settings) and reuse them Use as many colors as possible Avoid any color

Defining colors and fonts globally ensures consistency and lets you edit them in a single place.

1.4 · Application

11. Why check the text/background contrast?

To make the page heavier It doesn't matter at all For readability and accessibility Only for paper printing

Sufficient contrast makes text read effortlessly, including for visually impaired people and in bright sunlight.

1.4 · Arbitration

12. The client is unsure about the brand color and might change it. How do you prepare for that?

Avoid any brand color Hard-code the color in each button Redo all the pages by hand if needed Define the color globally to change it everywhere in one go

By defining the brand color globally (Site Settings), a single change propagates to the whole site.

1.5 · Recall

13. Does a setting made in mobile mode affect the desktop?

No: it applies to the mobile breakpoint (and smaller) Yes, always Only if you reload the page It removes the desktop version

Per-breakpoint settings apply to the chosen mode (and smaller ones) without breaking the others.

1.5 · Application

14. How do you lighten a page on mobile?

Add even more images Hide the useless elements (e.g. large decorative image) on mobile Make all titles H1 Disable responsive

You can hide decorative/heavy elements on mobile via Advanced → Responsive, for a lighter, more readable page.

1.5 · Arbitration

15. The page is perfect in the Elementor preview. Can you deliver?

Yes, the preview is always enough Yes, if the desktop looks good No: you must also test on a real phone before delivering No: you must first buy Pro

The preview helps, but you always test on a real phone (sizes, thumb-tappable buttons, real speed) before delivering.

What's next?

Score ≥ 80%: move on to Level 2 (design & rich content).
Score < 80%: review 1.1 to 1.5 and redo the 48h challenges.