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 Creating a Sticky Footer with Flexbox

Ian Friedel
Ian Friedel
11,960 Points

I made the ".row" have a flex of 1 and nothing happened? I checked the code with the video and everything is identical.

Can anyone point me in the direction of why this step is not working?

Steven Parker
Steven Parker
228,978 Points

It would help to see your code. Just use the snapshot function in the workspace and provide the link to it.

2 Answers

Steven Parker
Steven Parker
228,978 Points

Did you remember to set display: flex on the row's container?

Lori Ferris
Lori Ferris
5,357 Points

I'm having the same issue. My code looks just like Guil's but the footer did not move to the bottom. I'm using Chrome.

https://w.trhou.se/t8ocgz6lx8

Steven Parker
Steven Parker
228,978 Points

Lori, it turns out my guess does apply to you. Your row container is not a flexbox.

In flexbox.css, you have a period in front of the tag name "body". So this rule targets a class with the name "body", which is not used in this html.

:point_right: Just remove the period to make the body element a flexbox and then the row class will respond.

Lori Ferris
Lori Ferris
5,357 Points

Thanks Steven! Turns out my code wasn't just like Guil's after all. Whoops! Once I removed it, the code worked as it should. Thanks again!