HTML/CSS Footer is not visible on my website

Question

Please help me! FOOTER is not visible on my website. How will I fix this ? What is the error ? Can someone please fix this ? 😩
Here is the code:

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

Answer 1

You may want to take the HTML 5 course here on Sololearn. That is a great place to start. I took it 3 times.

Answer 2

thatstupidcoder

Bootstrap classes are built in the way that can adjust your website according to different devices. You no need to write lots of CSS. Just apply classes.

You can also make but you need to know how to make responsive website which can adjust on different devices.

Answer 3

thatstupidcoder

Remove position: relative and don't put that much height here

.contentarea {
width: 100%;
//position: relative;
top: 450px;
background: black;
height: 100%;
}

make width 100% here

.wrapper {
width: 1170px;
margin: 0 auto;
}

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

Answer 4

Thank you I Am AJ !

Answer 5

wait let me try that

Answer 6

The outerfooter appeared but it is only at the top portion of the website however the social media icons and innerfooter is still not visible on the website

Answer 7

no. I’m still a begineer

Answer 8

I already took the basics in HTML5 however some of it is a bit confusing when applied

Answer 9

where can I see that course?

Answer 10

help <h2> and <h4> is not visible on the main website

Answer 11

are bootstrap are like template ?

Answer 12

what is the advantage of having an inbuilt classes than self- made classes ? can you please enlighten me, i’m very nuch confused

Answer 13

https://www.sololearn.com/Course/HTML/?ref=app

Answer 14

If I already have a external css and html can I insert the bootstrap in my code ?

Answer 15

thatstupidcoder

Yes you can..

Answer 16

I tried removing position: relative and added the 100% width however it messed up my layout. The outerfooter appeared but it’s only in the upper left side. i needed the footer to be at the bottom of the website

Answer 17

Not sure where your footer is hiding but you can bring it back with this.

Put at the end of your CSS document.

.footer {
position:fixed;
bottom: 0px;
width:100%;
}

Answer 18

Have you completed a HTML 5 course?

Answer 19

Start Here. https://www.sololearn.com/Course/HTML/?ref=app

Answer 20

thatstupidcoder

You need to learn about CSS frameworks to make website with better UI and responsive website.

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