Section 1 : Welcome To The Flexbox Course

Lecture 1 INTRODUCTION TO BRAINMEASURES PROCTOR SYSTEM Pdf

Section 2 : Let's Dive Right In Learn The Flexbox Basics

Lecture 2 What is Flexbox and Why Should I Use It 5:54
Lecture 3 What About Browser Support for Flexbox 4:53
Lecture 4 How Do I Use Flexbox 4:3
Lecture 5 Flexbox Principles 4:54

Section 3 : Styling Flex Containers

Lecture 6 flex-direction - Creating Row & Column Layouts 7:2
Lecture 7 justify-content - Justifying Items Along the Main Axis 6:1
Lecture 8 align-items - Aligning Items Along the Cross Axis
Lecture 9 flex-wrap - Multiple Rows & Wrapping Inside Flex Containers
Lecture 10 align-content - Justifying Content Along the Cross Axis 3:3

Section 4 : Designing Flex Items

Lecture 11 order - Reordering Flex Items 2:41
Lecture 12 align-self - Stubborn Children
Lecture 13 flex-grow - Letting Children Grow 7:23
Lecture 14 flex-shrink - Shrinking Flex Items
Lecture 15 flex-basis - Setting the Base Size

Section 5 : Flexbox in Practice

Lecture 16 Flexbox Grids Creating Responsive Galleries #1 (Minimal Code) 10:24
Lecture 17 Flexbox Grids Creating Responsive Galleries #2 (Extra Flexibility) 6:16
Lecture 18 Real Vertical Centering with Flexbox (no more vertical-align) 6:8
Lecture 19 The Media Object Pattern 11:49
Lecture 20 The Holy Grail Layout 10:27
Lecture 21 Flexbox Cheat Sheet Text

Section 6 : Where to go from here

Lecture 22 A Quick Recap & What's Next 3:51