How do I make a container fill the whole page? Also to be responsive
<p>I have different sections like "About me", "Contact", "Photo gallery" etc, and I want that when I open the site, the "About me" container to be displayed on the whole page, to fill the page without any content from the next section to appear. </p>

<pre><code>&lt;div class="container-fluid bg-2 text-left"&gt;
 &lt;div id="About me"&gt;
  &lt;h1 class="margin"&gt;About me&lt;/h1&gt;
  &lt;p&gt; My text here&lt;/p&gt;
 &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I have the "container-fluid" class for every container with content in the index file. </p>

<pre><code>.container-fluid {
  padding-top: 70px;
  padding-bottom: 70px;
}
</code></pre>

<p>Any idea would be greatly appreciated!</p>