title: How do I make a container fill the whole page? Also to be responsive
body: <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>