Warren Shea’s Notes for What The Flexbox? (Online Course)
https://courses.wesbos.com/ | https://flexbox.io/ | https://github.com/wesbos/What-The-Flexbox
Version: 20221218 | Status: Completed
Table of Contents
Module 01: Introduction to What The FlexBox
Module 02: Introduction to Flexbox
Module 03: Working with Flexbox flex-direction
Module 04: Wrapping elements with Flexbox
Module 05: Flexbox Ordering
Module 06: Flexbox Alignment and Centering with justify-content
Module 07: Alignment and Centering with align-items
Module 08: Alignment and Centering with align-content
Module 09: Alignment and Centering with align-self
Module 10: Understanding Flexbox sizing with the flex property
Module 11: Finally understanding Flexbox flex-grow, flex-shrink and flex-basis
Module 12: How Flexbox’s flex-basis and wrapping work together
Module 13: Cross Browser Flexbox Support and Autoprefixer!
Module 14: Pure Flexbox navigation code along
Module 15: Mobile content reordering with Flexbox
Module 16: Nesting Flexbox for vertical and horizontal centering with Flexbox
Module 17: Flexbox Pricing Grid
Module 18: Flexbox Equal height columns and leftover elements
Module 20: Create a mobile app layout with Flexbox
Please note: Any Flexbox learnings were moved to the CSS Notes section. This is because there were not a lot of learning, but I still wanted to keep this as a reference to the course’s table of contents, and to track that it was done.