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
DataCamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More → University of the People Ad

Earn Your Business Degree, Tuition-Free, 100% Online!

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.