CSS Media Queries practice
Filter by difficulty, use hints, reveal solutions and save attempts locally.
1. Practice CSS Media Queries overview by building one step of a small real project feature and checking the result.
code-writing1. Start from the CSS Media Queries 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 Media Queries setup by building one step of a small real project feature and checking the result.
code-fix1. Start from the CSS Media Queries 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 Media Queries syntax by building one step of a small real project feature and checking the result.
output1. Start from the CSS Media Queries 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 Media Queries examples by building one step of a small real project feature and checking the result.
fill-blank1. Start from the CSS Media Queries 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 Media Queries workflow by building one step of a small real project feature and checking the result.
true-false1. Start from the CSS Media Queries 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 Media Queries validation by building one step of a small real project feature and checking the result.
mini-project1. Start from the CSS Media Queries 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 Media Queries debugging by building one step of a small real project feature and checking the result.
mcq1. Start from the CSS Media Queries 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 Media Queries best practices by building one step of a small real project feature and checking the result.
code-writing1. Start from the CSS Media Queries 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 Media Queries overview by building one step of a small real project feature and checking the result.
code-fix1. Start from the CSS Media Queries 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 Media Queries setup by building one step of a small real project feature and checking the result.
output1. Start from the CSS Media Queries 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 Media Queries syntax by building one step of a small real project feature and checking the result.
fill-blank1. Start from the CSS Media Queries 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 Media Queries examples by building one step of a small real project feature and checking the result.
true-false1. Start from the CSS Media Queries 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 Media Queries workflow by building one step of a small real project feature and checking the result.
mini-project1. Start from the CSS Media Queries 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 Media Queries validation by building one step of a small real project feature and checking the result.
mcq1. Start from the CSS Media Queries 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 Media Queries debugging by building one step of a small real project feature and checking the result.
code-writing1. Start from the CSS Media Queries 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 Media Queries best practices by building one step of a small real project feature and checking the result.
code-fix1. Start from the CSS Media Queries 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 Media Queries overview by building one step of a small real project feature and checking the result.
output1. Start from the CSS Media Queries 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 Media Queries setup by building one step of a small real project feature and checking the result.
fill-blank1. Start from the CSS Media Queries setup lesson example.
2. Use sample input, output and edge cases instead of placeholder text.
3. Run the example and compare output before polishing.