Understanding Flexbox Alignment - Main and Cross Axis Explained

Understanding Flexbox Alignment - Main and Cross Axis Explained

Kevin Powell via YouTube Direct link

- The main and cross-axis

3 of 7

3 of 7

- The main and cross-axis

Class Central Classrooms beta

YouTube playlists 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.