Creating Simple Layouts - Comparing Flexbox and Grid Approaches

Creating Simple Layouts - Comparing Flexbox and Grid Approaches

Kevin Powell via YouTube Direct link

- Using flex on top and a margin-left on the bottom

4 of 10

4 of 10

- Using flex on top and a margin-left on the bottom

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Creating Simple Layouts - Comparing Flexbox and Grid Approaches

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - Flex or grid for the main layout
  3. 3 - Flex or grid for the layout of the cards
  4. 4 - Using flex on top and a margin-left on the bottom
  5. 5 - Using flex to make two columns inside the card
  6. 6 - Comparing the two flex solutions
  7. 7 - A grid solution
  8. 8 - Grid vs. Flexbox discussion
  9. 9 - Subgrid solution
  10. 10 - More challenges coming

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.