Master CSS Layouts with Flexbox


 14 Reviews Add a review

Published May 2017

Because CSS layouts shouldn't be difficult

Flexbox is an incredibly powerful layout module. It’s been around for a while but has recently become supported (without prefixes) in all major browsers. This series will break down what it is, how it works and what it can do. Best of all you can follow along with all the examples provided in this course.

Continue learning about CSS with our AtoZ: CSS course. You’ll get to explore CSS properties, letter by letter. For more on layouts, check out our Responsive Web Development course. In this course, not only will you learn how to make a responsive website, you’ll also see what it takes to assemble a professional front-end workflow.

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

  • What flexbox is and what it’s for
  • How to think about the document flow
  • Practical applications for flexbox
  • Closed captions available
Meet your instructor
Guy Routledge

Front-end dev, teacher at The General Assembly London. A to Z CSS screencaster, founder @saplingdigital and co-founder @thefoodrush.

Lesson 1: A Guide to Flexbox
What is Flexbox? 7:44
Discover How the Flexbox Axis System Can Improve Your Layouts 7:51
Learning About Flexbox Layouts with Flex Containers 10:26
Flex Items, How to Use Them, and Why! 11:39
Solving the Problems of Vertical Centering with Flexbox 6:44
Creating Multiple Column Layouts in Flexbox 6:40
Using Flexbox for Flexible Form Layouts 7:22

Leave a Review