Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.
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.

3 of 3 students recommendSee All

Detailed overview with examples of each flex property.
Al Lemieux

Motion Graphics / Web Development

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

34

Students

--

Projects

Peter Sommerhoff

Learn coding without the fluff!