100% width only takes up half of mobile or laptop screen screen
<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>