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