Expand Your CSS Toolkit with Flexbox

J Silverstein, User Interface Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Lessons (1h 22m)
    • 1. Introduction

      1:37
    • 2. Setup & Tooling

      6:57
    • 3. HTML Refresher & HTML5 Semantic Elements

      4:20
    • 4. CSS Review & reset.css

      6:43
    • 5. Flexbox: A New Context

      4:58
    • 6. Main Axis, Cross Axis

      2:25
    • 7. Flex Properties: flex-direction, flex-wrap

      3:48
    • 8. Flex Properties: align-items, justify-content

      4:36
    • 9. Flex Properties: flex-grow, flex-basis, order

      7:06
    • 10. Flexbox Froggy

      1:59
    • 11. The Holy Grail Layout

      5:27
    • 12. Responsive Design

      5:25
    • 13. Implementing Responsive Design: Media Queries

      3:50
    • 14. Layout 101

      3:04
    • 15. Full Build Demonstration

      18:15
    • 16. Outro

      1:09