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 Flexbox Layout Flexbox Properties Distributing Space Inside a Flex Container

Ryan Schmelter
Ryan Schmelter
9,710 Points
Posted by Ryan Schmelter
Ryan Schmelter
9,710 Points

When you use row-revers, does it flip the axis?

Say I want to use row reverse but still want my content to appear at the start of the row. It seems using justify-content: flex-start; doesn't do this and i need to use flex-end;

1 Answer

Mary-Ann Burton
Mary-Ann Burton
15,834 Points
Mary-Ann Burton
Mary-Ann Burton
15,834 Points

It seems you have answered your own question :) Yes, basically row-reverse is just flipping the row on its x-axis, so if you just place 

justify-content: flex-end;

in the container's css, it should align to the start of the container.