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
200,698 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
200,698 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
200,698 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!