Flexbox

What you will learn in this lesson

• Put elements side by side in a row with display: flex.
• Space items out with justify-content and gap.
• Line items up across with align-items.
• Let items move to a new line with flex-wrap.
• Build a navigation bar and a row of product cards.

60 minutes Lesson 13 of 30

Everything in Web Foundations

• 30 step-by-step lessons
• 3 mini projects with solutions
• A final project for your portfolio
• Real commands and real output in every lesson
• Practice task with a solution in each lesson
• Progress saved to your account