W3.CSS practice

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

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

code-writing
beginnerW3.CSS overview

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

code-fix
beginnerW3.CSS setup

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

output
beginnerW3.CSS syntax

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

fill-blank
beginnerW3.CSS examples

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

true-false
beginnerW3.CSS workflow

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

mini-project
beginnerW3.CSS validation

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

mcq
beginnerW3.CSS debugging

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

code-writing
beginnerW3.CSS best practices

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

code-fix
beginnerW3.CSS overview

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

output
beginnerW3.CSS setup

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

fill-blank
intermediateW3.CSS syntax

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

true-false
intermediateW3.CSS examples

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

mini-project
intermediateW3.CSS workflow

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

mcq
intermediateW3.CSS validation

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

code-writing
intermediateW3.CSS debugging

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

code-fix
intermediateW3.CSS best practices

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

output
intermediateW3.CSS overview

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

fill-blank
intermediateW3.CSS setup

1. Start from the W3.CSS setup lesson example.

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

3. Run the example and compare output before polishing.