I can't figure out why Bootstrap is causing this issue. I am attempting to make the entire background of the website black by adjusting the HTML file like so:
<body>
<div id="fullWrapper">
<section id="welcomeSection">
<div class="container">
<p style="margin-top:30px;">Welcome to the website. This website was created to test light and dark modes with Bootstrap.</p>
</div>
</section>
</div>
</body>
and also modifying the CSS file.
#fullWrapper {
background: rgb(0, 0, 0);
height: 1000px;
}
However, there seems to be an issue as a white space of 30px is still appearing at the top. You can view the output here.