title: 100% width only takes up half of mobile or laptop screen screen
body: <p>Actually it has to be a little less that 100% because 100% sets it a little off screen to the right. When I load my page on a tablet or laptop screen it zooms into the top left of the screen, if I zoom out I see that the divs only take up about half the page left to right. I've tried playing around with min-width with no luck.</p>
  
  <pre><code>.first {
                  height: 75px;
                  width: 99.55%;
                  background-color: red;
                  margin-top: 19px;
                  border: 3px yellow solid;
                  min-width: 1000px;
  
                  margin: 0 auto;
  
   }
  
   h2 {
                  text-align: center;
                  width: 100%;
   }
   &lt;div class="animated fadeInUpBig first o"&gt;
          &lt;h2&gt;Need to fix positioning on mobile&lt;/h2&gt;
   &lt;/div&gt;
   &lt;div class="animated fadeInUpBig first t"&gt;
          &lt;h2&gt;More work will be done tomorrow evening&lt;/h2&gt;
   &lt;/div&gt;
   &lt;div class="animated fadeInUpBig first tr"&gt;
          &lt;h2&gt;Make it look half good by weekend&lt;/h2&gt;
   &lt;/div&gt;
  </code></pre>