Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Posted by Guil Hernandez
Guil Hernandez
Treehouse Teacher

Just Released: CSS Deep Dive - Flexbox and Multi-Column Layout

http://teamtreehouse.com/library/websites/css-foundations-second-edition/flexbox-and-multicolumn-layout

With CSS multi-column layouts, we can easily define multiple columns of text. One of the benefits of using CSS-based columns is flexibility; content flows from one column to another, and the number of columns can vary depending on the size of the device or viewport.

The CSS3 Flexible Box, or flexbox, is a powerful new feature that makes CSS more efficient for layout. Elements can be dynamically rearranged on the page, laid out in any direction, have flexible dimensions to adapt to the display space, and much more!

Take a look!

3 Answers

Bob Ziroll
Bob Ziroll
4,933 Points
Bob Ziroll
Bob Ziroll
4,933 Points

Awesome! One of my biggest stumbling blocks has been finding ways to make layout simple without necessarily having to lean on extensive frameworks like Bootstrap that make the site feel cookie-cutter. Responsive grid systems and frameworks are great for cutting down workload, but maybe the small OCD side of me would like to better understand how it all works.

I'll check this out as soon as I'm done with Ruby and RoR.

jeff creamer
jeff creamer
23,733 Points
jeff creamer
jeff creamer
23,733 Points

Great job, Guil. Lots of really neat stuff in there. I'm going to go over it again at half-speed (for better note-taking) tomorrow. Thanks for rolling this one out!

Matt Campbell
Matt Campbell
9,767 Points
Matt Campbell
Matt Campbell
9,767 Points

I just had a quick look at this and it is awesome.

One question though.

Does normalize and a layout CSS still need to be used or does flex box replace previous layout css files? I'm guessing that it would be worth keeping old layout options for browser compatibility.