Understanding Flexbox Alignment - Main and Cross Axis Explained

Understanding Flexbox Alignment - Main and Cross Axis Explained

Kevin Powell via YouTube Direct link

- The main axis has to focus on groups of content and the cross axis on individual items

4 of 7

4 of 7

- The main axis has to focus on groups of content and the cross axis on individual items

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Understanding Flexbox Alignment - Main and Cross Axis Explained

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

  1. 1 - Introduction
  2. 2 - Using your devtools to play with different options
  3. 3 - The main and cross-axis
  4. 4 - The main axis has to focus on groups of content and the cross axis on individual items
  5. 5 - Changing the flex-direction
  6. 6 - align-content and flex-wrap
  7. 7 - You can use margins when you want justify-self

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.