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 Layout Techniques Flexbox Layout Flexbox Layout Challenge

Dylan Espey
Dylan Espey
10,578 Points
Posted by Dylan Espey
Dylan Espey
10,578 Points

CSS Layouts - Flexbox Challenge?

I'm supposed to reverse the order by giving .secondary a flexbox property and value.

.content-row surrounds .primary and .secondary

.content-row { display: flex; }

.secondary { order: 1; }

Shouldn't that do it? It's saying I'm incorrect.

3 Answers

Maurice Iten
Maurice Iten
9,351 Points

To reverse the order, you have to give it a value of -1. To have the answer accepted, add -webkit as David already explained.

.secondary { -webkit-order: -1; }

David Tonge
PLUS
David Tonge
Courses Plus Student 45,640 Points
David Tonge
David Tonge
Courses Plus Student 45,640 Points

You're missing the "-webkit" prefix. So you're answer should read "-webkit-order" It's very easy to miss this hint.

Dylan Espey
Dylan Espey
10,578 Points
Dylan Espey
Dylan Espey
10,578 Points

Thanks, both of you. I always forget the prefixes in the challenges. :l