title: CSS Weird Column Paragraph Empty Space
body: <p>I created a 3 column grid with 3 paragraphs. The first paragraph has an extra space from the top than the other two. Can anyone help? I attached an image if it helps at all. I'm still a beginner at coding so you'll notice a bunch of weird things that I'm doing that aren't practical.</p>
  
  <p><img src="https://i.stack.imgur.com/2BT9K.png" alt="enter image description here"></p>
  
  <pre><code>&lt;!doctype html&gt;
  
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Qualenist&lt;/title&gt;
      &lt;link rel="stylesheet" href="stylesheet.css"&gt;
  &lt;/head&gt;
  &lt;body&gt; 
      &lt;div class="mainBanner"&gt;
          &lt;div class="menuBox"&gt;&lt;/div&gt;
          &lt;img src="menuBars.png" style="position: absolute; margin-top: 35px; margin-left: 260px;"/&gt;
          &lt;h6&gt;&lt;span&gt;already a member?&lt;/span&gt; Sign in&lt;/h6&gt;
          &lt;h1&gt;Qualenist&lt;/h1&gt;
          &lt;h2&gt;Lorem ipsum dolor sit amet &amp; consectetur adipisicing elit&lt;/h2&gt;
          &lt;div class="divider"&gt;&lt;/div&gt;
          &lt;div class="signUpBox"&gt;&lt;/div&gt;
          &lt;h3&gt;Sign Up&lt;/h3&gt;
          &lt;h4&gt;learn more&lt;/h4&gt;
          &lt;img src="downArrow.png" style="display: block; margin-left: auto; margin-right: auto; margin-top: -10px"/&gt;
          &lt;div class="whatWeDo"&gt;
              &lt;h5&gt;What we do&lt;/h5&gt;
              &lt;img src="doSearch.png" style="position: absolute; margin-left: 292px; margin-top: 5px;"/&gt;
              &lt;img src="doGraph.png" style="position: absolute; margin-left: 572px; margin-top: 5px;"/&gt;
              &lt;img src="doPay.png" style="position: absolute; margin-left: 851px; margin-top: 5px;"/&gt;
              &lt;div id="descriptions"&gt;
                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur &lt;br&gt;
                  adipisicing elit, sed do eiusmod tempor &lt;br&gt;
                  incididunt ut labore et dolore magna.&lt;/p&gt;
  
                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur &lt;br&gt;
                  adipisicing elit, sed do eiusmod tempor &lt;br&gt;
                  incididunt ut labore et dolore magna.&lt;/p&gt;
  
                  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur &lt;br&gt;
                  adipisicing elit, sed do eiusmod tempor &lt;br&gt;
                  incididunt ut labore et dolore magna.&lt;/p&gt;
              &lt;/div&gt;
      &lt;/div&gt;
      &lt;footer class="main-footer"&gt;
      &lt;/footer&gt; 
  &lt;/body&gt;
  &lt;/html&gt;
  
  .mainBanner {
      background-image: url(/Users/omaramin/Documents/Competition/project/mainBanner.png);
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      min-height: 100%;
      font-family: Bariol;
      color: #ffffff;
      border-color: #ffffff;
  }
  
  .menuBox {
      width: 35px;
      height: 35px;
      border-style: solid;
      margin-top: 25px;
      margin-left: 252px;
      position: absolute;
      border-width: 1px;
      border-radius: 2px;
  
  }
  
  h6 {
      padding-left: 825px;
      letter-spacing: 1px;
      font-size: 12px;
  }
  
  h6 span {
      color: #b3b4b4;
  }
  
  h1 {
      text-align: center;
      padding-top: 90px;
      font-size: 36px;
      letter-spacing: 1.5px;
      font-weight: lighter;   
  }
  
  h2 {
      text-align: center;
      margin-top: -15px;
      letter-spacing: 1px;
      font-size: 13px;
  }
  
  .divider {
      border: 0;
      height: 1px;
      width: 45px;
      margin: auto;
      margin-top: 21px;
      background: #ffffff;
  }
  
  .signUpBox {
      width: 150px;
      height: 47px;
      border-style: solid;
      border-width: 1px;
      margin: auto;
      margin-top: 25px;
      border-radius: 2px;
  }
  
  h3 {
      text-align: center;
      margin-top: -35px;
      letter-spacing: 1px;
      font-size: 17px;
  }
  
  h4 {
      text-align: center;
      margin-top: 115px;
      letter-spacing: 1px;
      font-size: 12px;
  }
  
  .whatWeDo {
      margin-top: -20px;
      color: #5c5d5d;
      font-family: Bariol;
  }
  
  h5 {
      text-align: center;
      margin-top: 100px;
      letter-spacing: 1px;
      font-size: 25px;
  }
  
  #descriptions {
      -moz-column-count: 3;
      -moz-column-gap: 0px;
      -webkit-column-count: 3;
      -webkit-column-gap: 0px;
      font-size: 13px;
      letter-spacing: 1px;
      text-align: center;
      margin-left: 200px;
      margin-right: 200px;
      margin-top: 170px;
      line-height: 20px;
  }
  </code></pre>