Define a variable — practice exercise

What you'll be asked to do

1. 1.Define a variableexercise · easy · 10 min

   Define --brand on :root and use it for the box colour.

   Passes when: Define --brand on :root and use it for the box colour.

2. 2.Use a variable for spacingexercise · easy · 10 min · practice plan

   Define --gap as 24px and use it as padding.

   Passes when: Define --gap as 24px and use it as padding.

3. 3.Provide a fallbackexercise · easy · 10 min · practice plan

   Use a fallback so the box is blue when the variable is undefined.

   Passes when: Use a fallback so the box is blue when the variable is undefined.

4. 4.Scope a variableexercise · easy · 10 min · practice plan

   Define --brand on #parent so only its children use it.

   Passes when: Define --brand on #parent so only its children use it.

5. 5.Override a variable deeper downexercise · medium · 10 min · practice plan

   Root sets red; #parent overrides it to blue.

   Passes when: Root sets red; #parent overrides it to blue.

6. 6.Fix the missing dashesbug fix · easy · 8 min

   Custom properties must start with two dashes.

   Passes when: Custom properties must start with two dashes.

7. 7.Fix the variable used without var()bug fix · easy · 8 min · practice plan

   A custom property must be read through var().

   Passes when: A custom property must be read through var().

8. 8.Fix the out-of-scope variablebug fix · easy · 8 min · practice plan

   The variable is defined on a sibling, so the box cannot see it.

   Passes when: The variable is defined on a sibling, so the box cannot see it.

9. 9.Fix the missing fallbackbug fix · easy · 8 min · practice plan

   The variable is undefined, so the colour never applies.

   Passes when: The variable is undefined, so the colour never applies.

10. 10.Fix the typo in the variable namebug fix · easy · 8 min · practice plan

    The name used does not match the one defined.

    Passes when: The name used does not match the one defined.

Between them these tasks cover Defining variables, var() and fallbacks and Scoping.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.