CSS Flexbox Layout
Treehouse
Course Summary
Flexbox is a set of CSS properties that give you a flexible way to lay out content. With flexbox you can change the direction, alignment, size and order of elements, regardless of their original size and order in the HTML. You can even stretch and shrink elements and distribute space, all with just a few lines of CSS!
-
+
Course Description
About this Course Flexbox is a set of CSS properties that give you a flexible way to lay out content. With flexbox you can change the direction, alignment, size and order of elements, regardless of their original size and order in the HTML. You can even stretch and shrink elements and distribute space, all with just a few lines of CSS!
About the Teacher
Guil is a front end web development teacher at Treehouse. You can follow him on Twitter at @guilh.
-
+
Course Syllabus
Understanding Flexbox
Before you begin using flexbox in your layouts, you should understand the terminology and concepts behind flexbox. 5 steps- Introducing Flexbox 2:42
- Flexbox Basics and Terminology 2:20
- Flexbox Basics Review 6 questions
- Creating a Flex Container 4:50
- Flex Container Challenge 1 objective
Flexbox Properties
Learn advanced flexbox properties for layout direction, order, alignment, sizing and more. 11 stepsBuilding a Layout with Flexbox
It's time to put those new flexbox skills into practice! In this section, you're going to use flexbox to build the layout for a simple web page. 7 steps
