Site with a white bar at the end

Question

Good afternoon guys, I’m developing a personal site in which I’m having a little problem, but I already searched and I couldn’t solve, it turns out my site, in bigger resolutions, gets a huge white Action below the footer, however I am not able to edit this Section and select it in Chrome Developer tools, follow photos, this only happens in resolutions greater than 1366x768 , and the higher the resolution, the bigger the bar

1920x1080

2560x1080

the site is also hosted on the github server, you can access by clicking here

If you could help me please... Thanks in advance thank you very much :)

Answer 1

The problem is in the <div class="carousel-inner " id="inner"> that is extrapolating the page height, creating an overflow larger than the page content, and consequently creating an empty space after the footer.

Solve by setting the height to 100% so it doesn’t get bigger than your container:

#inner{
   height: 100%
}

You can test by running this code on the console:

$("#inner").css("height", "100%");

You will see that the problem instantly disappears.