Footer is out of whack

HTML-CSS
#1

Hi There,

I never knew how fiddly and complex creating a super simple footer could be!

codepen link - https://codepen.io/nightcoder21/pen/BxwVdJ?editors=1100

does anyone know why on earth my footer is nearly at the top of the page.

im a beginner but there are 2 things Im sure of

  1. I have placed the correct HTML where it should go (bottom of the page)

2)My CSS seems ok?

footer{
position: absolute;
bottom: 0;
left: 0;
background-color: rgb(250, 75, 83);
width: 100%;
}

Thanks!

#2

You solved it, do you?
Just a feedback: while I was watching your footer, the sliding section above changed size: it changes based on the comment length^^
The rest of the page looks good, gj!

#3

No its still unsolved,I cant seem to find out how to do it

#4

Absolute positioned elements need to be relative to a parent container. Adding position: relative to the body tag should bring it down the page.

#5

:open_mouth:

I’m sure it was ok when i looked at it, weird^^
Btw @Kelsea is correct about the footer, and you solved the changing size of the slider too^^

#6