title: Why is my aside not showing at my specified width?
body: <p>I have used Flex several times with no problem, but I cannot see why this is not working.  I have extracted the offending code to a new HTML file and it is still happening.  I have a body with a container div which has an aside and section within it.  my container is display: flex and direction is row.  The aside is set as 250px and the section I want to be flex.  It works fine right up until I add some <p> data in my section.  </p>
  
  <p>When I add sentances to it my aside with a fixed width suddenly shrinks.</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>div {
    width: 100%;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  aside {
    position: relative;
    width: 250px;
    background-color: aqua;
  }
  
  section {
    position: relative;
    background-color: brown;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
  
    &lt;div&gt;
      &lt;aside&gt;
        &lt;p&gt;Some random data in a 250px wide div &lt;/p&gt;
      &lt;/aside&gt;
      &lt;section&gt;
        &lt;p&gt;
          To contribute to the reduction of the supply of controlled substances coming in to Orkney by the provision of a trained drugs dog or dogs. Helping to prevent access to harmful substances for the health benefit of the people of Orkney and neighbouring
          local authority areas.
        &lt;/p&gt;
  
        &lt;p&gt;
          To work in partnership to increase public knowledge and to educate the community as to the extent of drug misuse, its damaging effects on individuals, families, society in general and the economy.
        &lt;/p&gt;
      &lt;/section&gt;
    &lt;/div&gt;
  
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help very much appreciated! </p>