Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Creating Simple Layouts - Comparing Flexbox and Grid Approaches

Kevin Powell via YouTube

Start learning Write review
Scrimba Ad

Get 20% off all career paths from fullstack to AI

Learn More → Corporate Finance Institute Ad

Build the Finance Skills That Lead to Promotions, Not Just Certificates

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
The course compares community-built solutions for a card layout, examining how Flexbox, Grid, and Subgrid handle the design and the strengths of different approaches.

Syllabus

- Introduction
- Flex or grid for the main layout
- Flex or grid for the layout of the cards
- Using flex on top and a margin-left on the bottom
- Using flex to make two columns inside the card
- Comparing the two flex solutions
- A grid solution
- Grid vs. Flexbox discussion
- Subgrid solution
- More challenges coming

Taught by

Kevin Powell

Reviews

Start your review of Creating Simple Layouts - Comparing Flexbox and Grid Approaches

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.