HTML - Text/Button Alignment (CSS Media) : <blockquote>
  <p><a href="https://jsfiddle.net/5d401nso/1/" rel="nofollow noreferrer">https://jsfiddle.net/5d401nso/1/</a></p>
</blockquote>

<pre><code>#mobileview{
  /*background-image:url("");
  background-size:100% 100%;*/
  width:auto;
  height:auto;
}

@media(max-width: 768px){
  #mobileview{

width:411px;
height:411px;
   }
}
@media(max-width: 500px){
    #mobileview{

width:411px;
height:411px;
}
}
</code></pre>

<p>Above is the jsfiddle that i have created.</p>

<blockquote>
  <p>Current Problem: Not Supporting Mobile View and looking a ways to
  change the text and button alignment from center to "left" when in
  mobile view</p>
</blockquote>

<p>Solution That i wanted: When in mobile view ( max width 768px or 500px ), the text and button will align to left side instead of center.</p>
