Fundamentals

Flexbox and Grid Layout

Arrange your elements like a pro! Learn modern CSS layouts.

  • 5.0/5.0
  • 1133 enrolled
  • Fundamentals
  • French
Course Description

Arrange your elements like a pro! Learn modern CSS layouts.

display: flex

--


justify-content, align-items

--


flex-direction, wrap

--


Project: Navigation bar

--


Project: Responsive gallery

--


Perfect centering

--

display: grid

--


grid-template-columns/rows

--


grid-gap, grid-area

--


Project: Games grid

--


Magazine layout Premium

--


Simplified admin dashboard Premium

--

Edson Bitjoka

Edson Bitjoka

Developer & Instructor

About the instructor

I teach you to align, center, and space like a pro—no more “margin: 50px”! Flexbox and Grid are your new superpowers.

Student reviews
Sam (12 years old)
Sam (12 years old)

3 days ago

I rebuilt my neighborhood soccer club’s website. The president wants to hire me!

Frequently asked questions

Flexbox = 1 dimension (row OR column). Grid = 2 dimensions (rows AND columns). We’ll show you when to use each!

Yes, modern browsers support them perfectly. And we’ll teach you how to test!
Flexbox and Grid Layout
Online course: 25 € / hour
In-person course: 35 € / hour

This course includes

  • Chapters 13
  • Duration 7h
  • Level Fundamentals
  • Language French
  • Unlimited access Yes
  • Certificate Yes