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