Footer won't stay at the bottom on my contact page.

[lazyparkerranch]

Link to codepen

See the Pen GmmGQP by Pearl Dusenbery ( @lazyparkerranch) on CodePen.

https://production-assets.codepen.io/assets/embed/ei.js

As written, it floats over the picture on the left of the page.
Please help, I have pulled my hair out

[Shikkediel]

I see no need for the absolute positioning, it looks okay when you remove that and add clear: both to .foot.

[JeroenR]

Your body needs height. Because of the floating elements it has not. So indeed if your footer clears the floating, your body will have the same height as its content.
If you need the footer to always be at the bottom of the page, try something like sticky footer.

[lazyparkerranch]

That worked. Thank you very much

[Author]

Posts