---
# System prepended metadata

title: 'Week 5: The Box Model & Layout Basics'

---

Week 5: The Box Model & Layout Basics

This week was very important.

📦 The CSS Box Model

Every element in CSS is a box made up of:

Content

Padding

Border

Margin

div {
  width: 200px;
  padding: 20px;
  border: 5px solid black;
  margin: 10px;
}

I also learned about:

box-sizing: border-box;

Block vs Inline elements

display property (block, inline, inline-block, none)

This helped me understand spacing and layout control.