title: Why isn't my css applying to my next divs?
body: <p>Can someone tell me why I'm able to style the header class but not my MainContent class? Only the Lorum Ipsum text shows up. The maincontent div doesn't show any width, height or color. Thanks for any help!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.header {
      width: 100%;
      height: 90px;
      background-color: blue;
  }
  
  .header img {
   height: 80%;
   margin-top: 10px;
   margin-left: 260px;
  }﻿
  
  .MainContent {
      width: 100%;
      height: 80%;
      background-color: yellow;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="header"&gt;
   &lt;img src="img/epic_it.png" alt="epicit logo"&gt;
   &lt;nav&gt;&lt;/nav&gt;
  &lt;/div&gt;
  
  &lt;div class="MainContent"&gt;
   &lt;h1&gt;
   Lorem ipsum
   &lt;/h1&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>