The footer section is not at the bottom. I want footer to be in the bottom. Help me to solve this. remaining will be all same.

Question

https://code.sololearn.com/WgIKeciPcElq/?ref=app

Answer 1

https://code.sololearn.com/WrCC2w0Wmk4l/?ref=app

Answer 2

footer{
bottom:0;
position:fixed;
}
.section{
height:85%;
}

Answer 3

@Gordon i haven't change the code before now take a look at the code and try to place the footer at bottom.

Answer 4

Because it should be footer not .footer
No dot
Dot means class

Answer 5

Come to notice it, why do you use <header class="header" id="header"> 😅😅😅

Answer 6

Can anyone tell why the nav goes behind the article. I want the nav element to be on top. help me...

Answer 7

No i am really not. Can you suggest any explanation in web

Answer 8

.footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: green;
}

<div class="footer">
<b > copyrights Reserved &copy </b>
</div>

Try this changes

Answer 9

Rebel 👍

Answer 10

Don't comment the position absolute of .section

Answer 11

I saw you removed position: fixed of your header
Do you understand position fixed / position absolute / position relative?

Answer 12

Some demo:

https://code.sololearn.com/WLJo9W7s8G8W/?ref=app

https://code.sololearn.com/W4dGFJx8wFW7/?ref=app

Answer 13

viknesh vikky
I hope this tutorial helps
https://code.sololearn.com/W3gS00IGw160/?ref=app