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.