I've searched high and low for a solution to this issue, but nothing seems to pinpoint the cause of the problem. The white space that's causing trouble is evident in the following image:
https://i.sstatic.net/95Rh6.jpg
Could you help me identify the source of this white space?
I've determined that the problematic area is located right after the jumbotron. Removing it eliminates the white space. Is there something off with my positioning or spacing that I'm missing?
<!DOCTYPE html>
<html lang="de">
<head>
<!-- Important Meta Data -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
... (the rest of the HTML code)...
body,
p {
font-family: 'Spectral', serif;
line-height: 1.8;
font-size: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.font-alt {
font-family: 'Montserrat', sans-serif;
text-align: center;
}
... (CSS styling)...
.footer-text {
font-size: 0.8em;
}