Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn CSS: Box Model and Layout

via Codecademy

Go to class Write review
Boot.dev Ad

Learn Backend Development Part-Time, Online

Learn More → Simplilearn Ad

Build GenAI Apps from Scratch — UCSB PaCE Certificate Program

Learn More →

Overview

Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free
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.

Syllabus

  • The Box Model: In this course, you will learn how to use the Box Model to position HTML elements on your web page.
    • Lesson: The Box Model
    • Lesson: Changing the Box Model
    • Project: The Box Model: Davie's Burgers
    • Quiz: Box Model
    • Article: The Box Model in DevTools
    • VideoContentItem: The Box Model in DevTools
  • Display and Positioning: In this course, you will learn CSS rules for displaying and positioning elements on your web page.
    • Lesson: Display and Positioning
    • Project: Broadway
    • Quiz: Display and Positioning
    • Informational: Next Steps

Taught by

Jiwon Shin

Reviews

4.5 rating at Codecademy based on 562 ratings

Start your review of Learn CSS: Box Model and Layout

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.