CSS Flexbox: The Complete Class | Peter Sommerhoff | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
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.

159

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Peter Sommerhoff

Learn coding without the fluff!

Report class