title: HTML - Text/Button Alignment (CSS Media)
body: <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>