Lesson 3 of 3 · 11 min

Flexbox layout

display: flex lines children up in a row. justify-content aligns along the main axis, align-items along the cross axis.

flex-wrap: wrap lets items flow onto new lines on small screens.

Practice

Build a row of three cards that wraps onto separate lines on narrow screens.

Optional resources

No purchase or partner signup is required to complete this course or earn quiz points.

These are official product links, not active affiliate links. Learnly does not currently earn a commission from them.

Explore hosting options when you are ready to publish a website.

Paid hosting · optional; you can complete every exercise locally for free.

Explore cloud hosting and deployment documentation.

Usage-based pricing; promotional credits have eligibility conditions and may require billing details.