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 Unused CSS Stages Flexbox and Multi-Column Layout Flexbox: Part 1

Paul Barron
Paul Barron
6,595 Points

Flexbox Only Affect Unordered Lists and List Items?

I was trying to work with Flexbox and thought I could control divs. But do they have to be list items? Never mind I failed to keep going in my track. :) But still anyone have advice about how to treat flexbox?

1 Answer

Jason Broderick
Jason Broderick
7,361 Points

Flexbox is a really powerful way to start working with CSS layouts. It might seem difficult to start with but it is a very new technology and once it has matured a bit I am sure it will become the primary method for CSS Layouts in web design so stick with it, it will pay off.

A couple of quick points that I hope mate it clear for you:

There are two components to a Flexbox layout - the Flexbox itself and the Flex Items inside the Flexbox. The Flexbox is the container that holds the flex items and the flex items are the things you want to be layed out flexibly.

Anything can be a flex item, Li's, Ul's, Images, Divs, they just have to be put inside a parent element that is a Flexbox.

For a more in depth look at Flexbox and the other popular methods of CSS Layout check out Guil Hernandez's course on CSS layout Techniques in the treehouse library. Guil is the CSS King!

http://teamtreehouse.com/library/css-layout-techniques