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