Services Work Learn About Contact
0/8
Lesson 6 of 8

Flexbox

Flexbox is a layout system that makes it easy to align items horizontally or vertically. Set display: flex on a parent element, then use justify-content and align-items to position children.

CSS
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
🧠

Quick Quiz

Answer correctly to unlock the next lesson.

Support the mission

This learning platform is 100% free: no ads, no tracking, no paywalls. If it helped you learn something useful, you can support future lessons or donate to Doctors Without Borders, which provides emergency medical care in crisis zones worldwide.

🎉

You completed CSS!

You finished all 8 lessons and quizzes. You now know the basics of CSS.