This repository provides a set of hands-on CSS exercises that accompany the HTML and CSS modules in The Odin Project curriculum. The tasks are designed to be completed at specific points in the course, reinforcing each concept right after it is introduced. Learners are encouraged to use documentation and external resources freely, reflecting real-world workflows rather than rote memorization. Each exercise focuses on practical styling problems, from selectors and specificity to layout techniques like flexbox, grid, and responsive design. The structure supports incremental learning, allowing you to test your understanding, compare against expected outcomes, and iterate until styles match the intended result. While solutions exist, the guidance emphasizes problem solving with docs, search, and experimentation before peeking, cultivating independent debugging skills and confidence with CSS.
Features
- Collection of focused CSS exercises for hands-on practice
- Covers a wide range of concepts, from basic selectors to advanced layout systems
- Provides reference solutions for self-checking and feedback
- Integrates with The Odin Project’s broader curriculum
- Beginner-friendly and accessible for self-paced learning
- Encourages practical problem-solving through real code editing