HTML for Kids: A Beginner’s Course | HTML and CSS

✅ Description:

Discover the power of Flexbox for building easy layouts without floats.

📘 Explanation:

Flexbox lets you:

  • Align items horizontally or vertically

  • Space elements evenly

  • Stack and reorder items easily

💻 Code Example:

.container {
display: flex;
justify-content: space-between;
align-items: center;
}
 

🛠️ Exercise:

  • Create a flex container with 3 colored boxes.

  • Make them sit in one row and space evenly.

  • Use align-items: center to center vertically.