title: Flex-wrap fails when switching to mobile
body: <p>A simple flex-wrap setting works properly when I change the window size (narrower window forces wrap, as expected). However, when I switch to mobile emulation (on Chrome 70.0), despite the change in size, the two boxes appear either side-by-side or stacked (wrapped), depending on their configuration before I shifted to mobile. In other words, if the window was wide to begin with, then the boxes will <em>not</em> wrap and will remain side-by-side.</p>
  
  <p>Loading directly in mobile emulation mode, I get the boxes side-by-side, despite the narrow width of the emulated mobile page.</p>
  
  <p>Not sure what am I missing here. Code below:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en-US"&gt;
  
  &lt;head&gt;
  &lt;style type="text/css"&gt;
    div.flexrow { display: flex; flex-wrap: wrap; padding-left: 20px }
    div.header { border: 1px solid black; min-width: 320px; flex-grow: 1 }
    div.content { border: 1px solid black; min-width: 320px; flex-grow: 1 }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="flexrow"&gt;
    &lt;div class="header"&gt;
      &lt;h3&gt;Section H3 header&lt;/h3&gt;
      &lt;p&gt;text&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="content"&gt;
      &lt;ol&gt;
        &lt;li&gt;List item 1. Lorem ipsum dolor sit amet, consectetur adipiscing 
  elit.&lt;/li&gt;
        &lt;li&gt;List item two. Lorem ipsum dolor sit amet, consectetur adipiscing 
  elit.&lt;/li&gt;
        &lt;li&gt;List item the third. Lorem ipsum dolor sit amet, consectetur 
  adipiscing elit.&lt;/li&gt;
      &lt;/ol&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm using either Pixel 2XL, or iPhone X, or any of several other emulated mobile options on Chrome.</p>