Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Matthew Stewart
Matthew Stewart
9,213 Points

Flexbox: Should I wait to use it?

From what I can tell, with vendor prefixes flexbox works across most common browsers. I'm starting to design my personal portfolio site, it will take at least another couple months to fully flesh out. Is there any reason I should not use flexbox for layout? Any ideas when it will be fully supported?

Isko Croix
Isko Croix
Courses Plus Student 3,154 Points

Just my opinion... Since it's taking you a few months to fully flesh out your portfolio site, you'll have plenty of time to play around with your layout using flexbox and to test across browsers. It's going to be a labor of love that will involve a lot of tweaking and searching online for specific solutions. But you will be building for the future because flexbox is stabilized and is currently in the Candidate Recommendation stage. And as long as you use other best practices, then why not?

I don't know when flexbox will be fully supported, but it has been in the current stage since September 18, 2012. http://www.w3.org/TR/css3-flexbox/

2 Answers

Matthew Stewart
Matthew Stewart
9,213 Points

Thanks for the feedback!

So far Safari is giving me the most trouble (although I haven't tested in IE yet). flex-wrap & flex-flow are not yet supported in Firefox but I think I can work around that.

Isko Croix
Isko Croix
Courses Plus Student 3,154 Points

I'm sure you will. Keep us posted when the final product is up. I've already bookmarked your current site. Cool work by the way in your current portfolio.

I would like to start using flexbox instead of a grid system but unfortunately this project needs support older browsers (i.e. IE8) so not going to use it in production. I really like how it's easier to move around content without editing the html source order (great for responsive). It worries me that there have been three different syntaxes since 2009. Even with weaving flexbox syntaxes together there is still no IE8 or 9 support, only IE10+ with prefix. I won't be using flexbox for production layout because there are still too many IE 8/9 browser users. Sadly as great as flexbox is I am at the mercy of the average standards and browser adoption.