title: CSS: div with full width on small screens not working
body: <p>I need to position a div on the right. On large screens it position itself correctly. </p>
  
  <p>But when in small screens the options and the text are positioned to much to the right. I'd like to extend the white background to full width on small devices, and center options, text and buttoms. Right now text gets cut.</p>
  
  <p><strong>CodePen:</strong></p>
  
  <p><a href="https://codepen.io/ogonzales/pen/GPEBbW" rel="nofollow noreferrer">https://codepen.io/ogonzales/pen/GPEBbW</a></p>
  
  <p><strong>Large Screens:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ozC5D.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ozC5D.jpg" alt="enter image description here"></a></p>
  
  <p><strong>Small Screens:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/VMraI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VMraI.jpg" alt="enter image description here"></a></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
  
      &lt;div class="col-md-6"&gt;
          &lt;h1&gt;Mis Stickers&lt;/h1&gt;
          &lt;p&gt;858 reviews&lt;/p&gt;
  
          &lt;img src="{{ product.image.url }}"&gt;
  
          &lt;p&gt;Custom kiss cut stickers easily peel away from the backing. Print on the surrounding border
                      as
                      well as the stickers. Made from durable vinyl that resists scratching, heat, water and
                      sunlight.&lt;/p&gt;
        &lt;/div&gt;
  
        &lt;div class="col-md-6 col-xs-12 col-sm-12"&gt;
  
        &lt;div class="m-5 bg-white col-sx-12"&gt;
  
        &lt;div class="padded"&gt;
  
        &lt;form method="post"&gt;
  
           &lt;div id="size"&gt;
  
  
         &lt;button type="submit" class="btn btn-naranja text-white btn-block"&gt;Continuar
         &lt;/button&gt;
                                                                 &lt;a  href="#" class="btn btn-naranja text-white btn-block"&gt;Continuar#}
         &lt;/a&gt;
         &lt;/br&gt;
         &lt;p&gt;Siguiente: subir imagen&lt;/p&gt;
  
        &lt;/form&gt;
  
        &lt;/div&gt;
       &lt;/div&gt;
  
      &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>