Module 1 Introduction
Unit 1 CSS Flexbox : Build Modern Web Layouts With Flexbox  
Unit 2 1.1 - Course introduction  
Module 2 Introduction to CSS Flexbox
Unit 1 2.1 - Section introduction  
Unit 2 2.2 - Understanding Flexbox improved web layouts  
Unit 3 2.3 - Flexbox terminology  
Unit 4 2.4 - Current browser support for Flexbox  
Unit 5 2.5 - Tools we”ll need  
Unit 6 2.6 - Section summary  
Unit 7 Quiz  
Module 3 Getting Started With Flexbox
Unit 1 3.1 - Section introduction  
Unit 2 3.2 - Creating our first Flex container  
Unit 3 3.3 - Understanding Flexbox flow axis directions  
Unit 4 3.4 - Setting flow directions  
Unit 5 3.5 - Understanding Flex widths  
Unit 6 3.6 - Controlling how child Flex items wrap  
Unit 7 3.7 - Shorthand for faster coding  
Unit 8 3.8 - Section summary  
Unit 9 Quiz  
Module 4 Controlling Element Alignment
Unit 1 4.1 - Section introduction  
Unit 2 4.2 - Main axis spacing & alignment  
Unit 3 4.3 - How margins are impacted by spacing & alignment  
Unit 4 4.4 - Controlling alignment of individual Flex-item  
Unit 5 4.5 - Handling spacing with wrapped Flex items  
Unit 6 4.6 - Controlling Flex item order  
Unit 7 4.7 - Section summary  
Unit 8 Quiz  
Module 5 Establishing Element Flexibility
Unit 1 5.1 - Section introduction  
Unit 2 5.2 - Establishing a flexible starting point  
Unit 3 5.3 - Determining how Flex items will increase in size  
Unit 4 5.4 - Determining how Flex items will shrink in size  
Unit 5 5.5 - Using Flex shortcode  
Unit 6 5.6 - Section summary  
Unit 7 Quiz  
Module 6 Working With Nested Flex Containers
Unit 1 6.1 - Section introduction  
Unit 2 6.2 - Getting set up for nested containers  
Unit 3 6.3 - Wrapping nested child Flex-items  
Unit 4 6.4 - Setting nested child Flex-item display order  
Unit 5 6.5 - Exercise  
Unit 6 6.6 - Exercise solution  
Unit 7 6.7 - Section summary  
Unit 8 Quiz  
Module 7 Conclusion
Unit 1 7.1 - Resources  
Unit 2 7.2 - Closing message  
Powered By WP Courseware