CSS Variables practice

Filter by difficulty, use hints, reveal solutions and save attempts locally.

1. Practice CSS Variables overview by building one step of a small real project feature and checking the result.

code-writing
beginnerCSS Variables overview

1. Start from the CSS Variables overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

2. Practice CSS Variables setup by building one step of a small real project feature and checking the result.

code-fix
beginnerCSS Variables setup

1. Start from the CSS Variables setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

3. Practice CSS Variables syntax by building one step of a small real project feature and checking the result.

output
beginnerCSS Variables syntax

1. Start from the CSS Variables syntax lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

4. Practice CSS Variables examples by building one step of a small real project feature and checking the result.

fill-blank
beginnerCSS Variables examples

1. Start from the CSS Variables examples lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

5. Practice CSS Variables workflow by building one step of a small real project feature and checking the result.

true-false
beginnerCSS Variables workflow

1. Start from the CSS Variables workflow lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

6. Practice CSS Variables validation by building one step of a small real project feature and checking the result.

mini-project
beginnerCSS Variables validation

1. Start from the CSS Variables validation lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

7. Practice CSS Variables debugging by building one step of a small real project feature and checking the result.

mcq
beginnerCSS Variables debugging

1. Start from the CSS Variables debugging lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

8. Practice CSS Variables best practices by building one step of a small real project feature and checking the result.

code-writing
beginnerCSS Variables best practices

1. Start from the CSS Variables best practices lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

9. Practice CSS Variables overview by building one step of a small real project feature and checking the result.

code-fix
beginnerCSS Variables overview

1. Start from the CSS Variables overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

10. Practice CSS Variables setup by building one step of a small real project feature and checking the result.

output
beginnerCSS Variables setup

1. Start from the CSS Variables setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

11. Practice CSS Variables syntax by building one step of a small real project feature and checking the result.

fill-blank
intermediateCSS Variables syntax

1. Start from the CSS Variables syntax lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

12. Practice CSS Variables examples by building one step of a small real project feature and checking the result.

true-false
intermediateCSS Variables examples

1. Start from the CSS Variables examples lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

13. Practice CSS Variables workflow by building one step of a small real project feature and checking the result.

mini-project
intermediateCSS Variables workflow

1. Start from the CSS Variables workflow lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

14. Practice CSS Variables validation by building one step of a small real project feature and checking the result.

mcq
intermediateCSS Variables validation

1. Start from the CSS Variables validation lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

15. Practice CSS Variables debugging by building one step of a small real project feature and checking the result.

code-writing
intermediateCSS Variables debugging

1. Start from the CSS Variables debugging lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

16. Practice CSS Variables best practices by building one step of a small real project feature and checking the result.

code-fix
intermediateCSS Variables best practices

1. Start from the CSS Variables best practices lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

17. Practice CSS Variables overview by building one step of a small real project feature and checking the result.

output
intermediateCSS Variables overview

1. Start from the CSS Variables overview lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.

18. Practice CSS Variables setup by building one step of a small real project feature and checking the result.

fill-blank
intermediateCSS Variables setup

1. Start from the CSS Variables setup lesson example.

2. Use sample input, output and edge cases instead of placeholder text.

3. Run the example and compare output before polishing.