The Complete Flexbox Course: Get Started With CSS3 Flexbox in 2017

Use the Flexbox box model to write better and more concise CSS code.

   Watch Promo

This course is a deep dive into the CSS3 Flexbox specification, covering all Flexbox properties and various real-world layout examples.

At the end of this course, you'll be able to use Flexbox to

  1. Design beautiful grids with minimal code
  2. Implement the media object pattern
  3. Realize the Holy Grail Layout -- which has never been possible before in CSS
  4. Use all Flexbox properties confidently and know what they do

On top of this, you get a Flexbox Cheat Sheet to refer back to, as well as the code for a showcase which is like an interactive cheat sheet.


Your Instructor


Peter Sommerhoff
Peter Sommerhoff

Peter is a self-employed web developer and graduate student at RWTH Aachen University, Germany.

He loves teaching online, and has been rewarded with 2500+ great reviews from 25,000+ students worldwide since 2015.


Course Curriculum


  Welcome to the Flexbox Course!
Available in days
days after you enroll
  Getting Started With Flexbox
Available in days
days after you enroll
  Flexbox I: Flex Containers
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.
 

"Fantastic course, everything was explained very clearly and it was easy to understand. I'm looking forward to enrolling in other of your courses as I enjoyed how the course was logically organised in the easy to follow sections (I also liked the quizes, the questions were everything I needed to check if I got everything correctly). Thanks so much! "

- Monika

"terrific course ! easily understand the property and skill using flexbox with quizs and flexbox froggy after watching every section ! "

- Liu

Reviews

Don't take my word for it, here's what students are saying:


I started this course knowing nothing about Flex and now I believe that I can use it in my day-to-day development process.

- Chris
I read a few tutorials on Flexbox but it wasn't until I took this course that I really understood it. The visual examples and code alongs are very detailed and help to understand how it all works. Also, the cheatsheet is useful as a quick reference guide. As a suggestion for a new tutorial, I would like to request one for setting up a photography gallery layout with different sized images and text below the image. I find it confusing to size/scale images and also getting text to align below image.

- Erik
terrific course ! easily understand the property and skill using flexbox with quizs and flexbox froggy after watching every section !

- Liu
Fantastic course, everything was explained very clearly and it was easy to understand. I'm looking forward to enrolling in other of your courses as I enjoyed how the course was logically organised in the easy to follow sections (I also liked the quizes, the questions were everything I needed to check if I got everything correctly). Thanks so much!

- Monika
Great course. Easy to follow.

- Andre


Get started now!