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 CSS - Beyond the Basics Understanding Flexbox and Multi-Column Layout Flexbox Basics

Posted by Stefan Hoffmann
Stefan Hoffmann
24,811 Points

Note: As of today 2015-07-12, display:flex works in chrome, while display:-webkit-flex does not work anymore

Actually this is not a question. I am just going through this course and typing along in my workspace i noticed that the source in the video does not work anymore.

But display:flex works perfectly.

2 Answers

Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

The teacher's notes state:

NOTE: Flexbox is supported by all major browsers. Currently, Safari is the only browser that needs the -webkit- prefix.

Not sure when that was added though.

Brad Lacke
Brad Lacke
7,438 Points
Brad Lacke
Brad Lacke
7,438 Points

I've got it working in both Chrome and Safari with the -webkit prefix; unprefixed it doesn't work in Safari as stated. Seems that it's best to stick with the prefix until Safari gets on board. Not sure why yours isn't working prefixed in Chrome, Stefan.