CSS Flexbox: The Complete Class

Peter Sommerhoff, Learn coding without the fluff!

20 Videos (2h)

- Why Learn Flexbox?
  
  5:53
- Browser Support
  
  4:53
- Use Flexbox
  
  4:02
- Principles & Structure of Flexbox
  
  4:54
- Flex Direction
  
  7:02
- Justify Content
  
  6:01
- Align Items
  
  4:05
- Flex Wrap
  
  4:35
- Align Content
  
  3:03
- Order
  
  2:40
- Align Self
  
  2:45
- Flex Grow
  
  7:22
- Flex Shrink
  
  5:41
- Flex Basis
  
  8:28
- Galleries - Simple Solution
  
  10:23
- Galleries - Flexible Solution
  
  6:15
- Vertical Centering
  
  6:08
- Media Objects
  
  11:48
- The Holy Grail Layout
  
  10:27
- Summary
  
  3:50

About This Class

In this class, you'll learn the CSS Flexbox spec in an engaging and interactive way. After this course, you'll know... the principles behind Flexbox how to design flex containers all properties for designing flex items how the size of items is calculated based on flex-basis, flex-grow, and flex-shrink how to create galleries with Flexbox how to implement a complete site layout with Flexbox The goal is that you're able to confidently use Flexbox in your next web design project.

Class Projects See All

1) Code along with each lecture to apply the principles 2) Implement a Holy Grail Layout using Flexbox 3) Create a gallery with Flexbox

No projects have
been added yet

1 of 1 students recommendSee All

Great presentation of the course material as well as detailed and clear explanation of the flexbox features and how it works.

Anar Orujov

Students

Projects

Reviews (1)

Peter Sommerhoff

Learn coding without the fluff!

Skills in this Class: