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

Posted by Michael Hess
Michael Hess
Courses Plus Student 2,774 Points

What is the function of the display: flex property in CSS?

The instructor mentioned inline, inline-block, and block, and I already know inherit, but I've never heard anyone mention the flex property.

Jacobus Hindson
Jacobus Hindson
14,429 Points

Hi Michael,

Essentially Flex Boxes are an alternative layout method that provide you with the ability to layout in various directions and wrapping on screen, I suggest you take a look at the MDN here:

Moz Dev Network

Cheers.

4 Answers

Richard Duncan
Richard Duncan
5,568 Points
Richard Duncan
Richard Duncan
5,568 Points

Hi Michael,

That's a broad question.

Chris Coyier covers this topic expertly on his blog. There is a range of examples and demonstrations that should walk you through this subject.

If you have any specific questions after the jump, you know where to find me! :)

Rich

Michael Hess
PLUS
Michael Hess
Courses Plus Student 2,774 Points
Michael Hess
Michael Hess
Courses Plus Student 2,774 Points

Thanks, y'all! I appreciate it! I'm a no-stone-unturned kind of learner.

Benjamin Tortorelli
Benjamin Tortorelli
5,401 Points
Benjamin Tortorelli
Benjamin Tortorelli
5,401 Points

Hi Michael,

If you wanna know more about Flex, Treehouse created some great courses in their "CSS Layout Techniques": http://teamtreehouse.com/library/css-layout-techniques

There is a section specific to Flex layout and how to use this new property.

Michael Hess
PLUS
Michael Hess
Courses Plus Student 2,774 Points
Michael Hess
Michael Hess
Courses Plus Student 2,774 Points

Thanks, Benjamin! I've learned a lot of this basic CSS and HTML from Learn.Code Academy, but when I joined here, I figured I'd start from the beginning to really get it all down, though I've still never heard someone using flex. But I'm almost to that CSS Layout Techniques part. Man, y'all are so helpful! I appreciate it! :)