Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026
The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.
CSS offers two ways to create layouts: Grid and Flexbox.
Grid works on 2 dimensions (rows AND columns). Flexbox works on a single dimension (rows OR columns).
They make it easy to create responsive and flexible layouts.
Each of them has its place, and we’re going to look at the basics of both.
The CSS Grid layout is activated on a container element (which can be a div or any other tag) by setting the display property to grid.
After this, you can define some properties on the container, and some properties on each individual item in the grid.
These properties combined will determine the final look of the grid.