Time to completeApprox. 4 hours
Certificate of completionYes
About this course
Continue your CSS learning journey with Learn CSS: Box Model and Layout. Make websites look exactly like you want them by gaining an understanding of how to fine-tune the display and positioning of HTML elements.
Syllabus3 lessons • 2 projects • 2 quizzes
Hands-on learningDon’t just watch or read about someone else coding — write your own code live in our online, interactive platform. You’ll even get AI-driven recommendations on what you need to review to help keep you on track.
Projects in this course
The Box Model: Davie's BurgersIt's time to build fluency in CSS Box Model. In this next Pro Project, we're going to practice box manipulation so you can hone your skills and feel confident taking them to the real world. Why? You'll be able to hone the skill of accurately setting up your box model properties and sizing each element on your webpage. What's next? Medium rare, hold the onions, extra CSS. You got this!
BroadwayIt's time to build fluency in CSS Display and Positioning. In this next Pro Project, we're going to practice element positioning in CSS so you can hone your skills and feel confident taking them to the real world. Why? Applying the display and position properties on a certain element is something you'll be doing plenty of with CSS, so exploring and practicing it now will help you a lot. What's next? Concrete jungle, design firm, more CSS. You got this!
Reviews from learners
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.Chris Codecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.Rodrigo Codecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-Andrew Codecademy Learner @ USA