Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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
210,423 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
210,423 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
210,423 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!