Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
20 Lessons (2h)
    • 1. Why Learn Flexbox?

      5:53
    • 2. Browser Support

      4:53
    • 3. Use Flexbox

      4:02
    • 4. Principles & Structure of Flexbox

      4:54
    • 5. Flex Direction

      7:02
    • 6. Justify Content

      6:01
    • 7. Align Items

      4:05
    • 8. Flex Wrap

      4:35
    • 9. Align Content

      3:03
    • 10. Order

      2:40
    • 11. Align Self

      2:45
    • 12. Flex Grow

      7:22
    • 13. Flex Shrink

      5:41
    • 14. Flex Basis

      8:28
    • 15. Galleries - Simple Solution

      10:23
    • 16. Galleries - Flexible Solution

      6:15
    • 17. Vertical Centering

      6:08
    • 18. Media Objects

      11:48
    • 19. The Holy Grail Layout

      10:27
    • 20. Summary

      3:50

Project Description

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

Student Projects