Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Expand Your CSS Toolkit with Flexbox

J Silverstein, User Interface Developer

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

      1:37
    • Setup & Tooling

      6:57
    • HTML Refresher & HTML5 Semantic Elements

      4:20
    • CSS Review & reset.css

      6:43
    • Flexbox: A New Context

      4:58
    • Main Axis, Cross Axis

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

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

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

      7:06
    • Flexbox Froggy

      1:59
    • The Holy Grail Layout

      5:27
    • Responsive Design

      5:25
    • Implementing Responsive Design: Media Queries

      3:50
    • Layout 101

      3:04
    • Full Build Demonstration

      18:15
    • Outro

      1:09