+100 XP
Lesson 32 - Module 4: Box Model & Layout

Padding Power 🎨

Add space inside your elements to make them breathe!

🎨

What is Padding?

Padding is the space INSIDE an element, between the content and the border!

No Padding

Cramped text!

With Padding

Breathing room!

Why use padding?

  • • Makes content easier to read
  • • Creates visual breathing room
  • • Makes buttons and cards look better
  • • Keeps text from touching borders