Only one page in my website scrolls past footer

Issue

I'm sort of new around here, definite newby with HTML/CSS, I don't know if I should post the entire content of my website code, probably not, if I share the site you can open the code with developer tools online right?

My website is cme.horse

The problem is in the Home page (main/index page), it scrolls past the footer, but all the other pages are working well. I've copied and pasted entire sections over and over to make sure there's no typo. And have spent hours looking for the error.

If you could help me, much appreciated!

I've copied and pasted entire portions of the CSS code, and spent literally hours and hours looking for the error, I don't give up easily, but this one has me in the brink of a nervous breakdown!

Solution

I found solution to your problem.

Error is in 6th line of your CSS file. You applied your css properties to both your html , body tags.

Corrected code :

body {
    font-family: 'Merriweather', serif;
    font-family: 'Playfair Display', serif;
    font-family: 'Sacramento', serif;
    font-size: 100%;
    height: 100%;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    background-color: rgb(243, 224, 199, 1);
    overflow-x: hidden;
}

Instead of this apply this changes in your file and it will be all perfect.

Answered By - ArthPatel02