Flexbox Is More Complicated Than You Thought

Flexbox Is More Complicated Than You Thought

Kevin Powell via YouTube Direct link

- How flexbox calculates the size of elements

2 of 10

2 of 10

- How flexbox calculates the size of elements

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Flexbox Is More Complicated Than You Thought

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

  1. 1 - Introduction
  2. 2 - How flexbox calculates the size of elements
  3. 3 - How flex-shrink calculates how much to shrink by
  4. 4 - How flex-grow calculates the size to grow by
  5. 5 - What flex: 1 actually does
  6. 6 - Why flex: 1 on all the flex items doesn't make even columns all the time
  7. 7 - Why flex-basis: 100% doesn't have the same result as flex: 1
  8. 8 - My new preferred solution
  9. 9 - A solution using flexbox
  10. 10 - Flexbox vs Grid

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.