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 Building a Layout with Flexbox Aligning Items to the Bottom of a Column

Preeti Thakur
Preeti Thakur
16,938 Points
Posted by Preeti Thakur
Preeti Thakur
16,938 Points

Couldn't we just use for the buttons display:inline-flex and flex-direction:row?

I've seen that we had to change the margins, and to make all the items flex items. Is my option bad?

1 Answer

Jason Larson
Jason Larson
8,353 Points

By changing the button class to display: inline-flex, you're not modifying where it is in relation to the other content, so it wouldn't be down at the bottom of the column. Setting the flex-direction: row is only going to move the text within the button, rather than moving the actual button.

The best thing to do when you have this type of question is to just put it in the .css and see what happens. If you did that, and it looks the same as Guil's, then maybe I misunderstood where you meant to change the properties, and I would need to see your code in order to see what you meant.