Back to the Learning!

Laracasts is packed full with over 1,000 lessons just like this one.

Sign up to get full access or log in to your account and sit back.

Published On Sep. 8th 2016

Learn Flexbox Through Examples: The Bread and Butter Layout

Episode 3 Run Time 8:49

Download

Consider the most typical of website layouts: a head at the top, a main section - possible consisting of a sidebar and primary content - in the middle, and then a footer stuck to the bottom. Traditionally, we've used floats to accomplish this layout. But the truth is that floats were never truly meant for this sort of thing. Luckily, again, there's a better way. In this episode, we'll discuss the justify-content property more, while reviewing the margin-top: auto trick.

View the source for this episode on GitHub.