title: CSS responsive inner DIV not resizing to outer DIV width
body: <p>I'm trying to make my site responsive using media queries. The outer DIV changes width but the width of the inner node(s) don't seem to change.</p>
  
  <p>Purple is the outer DIV.</p>
  
  <p><img src="https://i.stack.imgur.com/ZY03u.jpg" alt="Normal desktop size, Blue=DIV"></p>
  
  <p>Inner text not changing with responsive size change.</p>
  
  <p><img src="https://i.stack.imgur.com/VATho.jpg" alt="Smaller size, blue color=DIV"></p>
  
  <p>The outer DIV gets smaller but the content stays the same width.</p>
  
  <p>Here's the code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.main{
   margin: 0px;
   width:1200px;
   background-color:blue;
  }
  
  .auto-style3{
   margin:0px;
   background: rgba(204, 204, 204, 0.7);
  }
  
  @media only screen and (max-width: 799px){
   .main{
    width:100%;
   }
   .auto-style3{
    width:100%;
   }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="text.css"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="main"&gt;
      &lt;div class="auto-style3" style="height: 100px; width: 1200px" &gt;
          &lt;h3 class="onama2"&gt;&lt;b&gt;O nama&lt;/b&gt;&lt;/h3&gt;
          &lt;h4 class="onama"&gt;Tvrtka Agrofit d.o.o. osnovana je 2012.godine s ciljem pružanja stručnog savjetovanja i ostalih usluga u poljoprivrednoj proizvodnji.
  Proizvođače pratimo i savjetujemo "od sjetve do žetve" te svim partnerima nudimo &lt;b&gt;uslugu besplatne dostave za naše proizvode na području Republike Hrvatske.&lt;/b&gt;
          &lt;/h4&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>