CSS Basics practice

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

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

code-writing
beginnerCSS Basics overview

1. Start from the CSS Basics 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 Basics setup by building one step of a small real project feature and checking the result.

code-fix
beginnerCSS Basics setup

1. Start from the CSS Basics 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 Basics syntax by building one step of a small real project feature and checking the result.

output
beginnerCSS Basics syntax

1. Start from the CSS Basics 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 Basics examples by building one step of a small real project feature and checking the result.

fill-blank
beginnerCSS Basics examples

1. Start from the CSS Basics 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 Basics workflow by building one step of a small real project feature and checking the result.

true-false
beginnerCSS Basics workflow

1. Start from the CSS Basics 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 Basics validation by building one step of a small real project feature and checking the result.

mini-project
beginnerCSS Basics validation

1. Start from the CSS Basics 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 Basics debugging by building one step of a small real project feature and checking the result.

mcq
beginnerCSS Basics debugging

1. Start from the CSS Basics 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 Basics best practices by building one step of a small real project feature and checking the result.

code-writing
beginnerCSS Basics best practices

1. Start from the CSS Basics 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 Basics overview by building one step of a small real project feature and checking the result.

code-fix
beginnerCSS Basics overview

1. Start from the CSS Basics 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 Basics setup by building one step of a small real project feature and checking the result.

output
beginnerCSS Basics setup

1. Start from the CSS Basics 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 Basics syntax by building one step of a small real project feature and checking the result.

fill-blank
intermediateCSS Basics syntax

1. Start from the CSS Basics 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 Basics examples by building one step of a small real project feature and checking the result.

true-false
intermediateCSS Basics examples

1. Start from the CSS Basics 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 Basics workflow by building one step of a small real project feature and checking the result.

mini-project
intermediateCSS Basics workflow

1. Start from the CSS Basics 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 Basics validation by building one step of a small real project feature and checking the result.

mcq
intermediateCSS Basics validation

1. Start from the CSS Basics 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 Basics debugging by building one step of a small real project feature and checking the result.

code-writing
intermediateCSS Basics debugging

1. Start from the CSS Basics 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 Basics best practices by building one step of a small real project feature and checking the result.

code-fix
intermediateCSS Basics best practices

1. Start from the CSS Basics 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 Basics overview by building one step of a small real project feature and checking the result.

output
intermediateCSS Basics overview

1. Start from the CSS Basics 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 Basics setup by building one step of a small real project feature and checking the result.

fill-blank
intermediateCSS Basics setup

1. Start from the CSS Basics setup lesson example.

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

3. Run the example and compare output before polishing.