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

Matthew Stewart
Matthew Stewart
9,214 Points
Posted by Matthew Stewart
Matthew Stewart
9,214 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
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,214 Points
Matthew Stewart
Matthew Stewart
9,214 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
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.

qdzfplofsk
qdzfplofsk
22,025 Points
qdzfplofsk
qdzfplofsk
22,025 Points

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.