title: Modify behaviour of CSS after wrap
body: <p>As you can see the image on the left sticks to the right div, but once the right div wraps and puts under the picture, the image stays on the left. I would like to have the picture and the second div (below, after wrapping) in the same size, just matching the horizontal size. 
  (For some reason the picture is not displayed, but it is a 800x500px picture). </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>::-webkit-scrollbar {
   width: 10px;
   height: 10px;
  }
  
  ::-webkit-scrollbar-track {
   background: #91897b;
  }
  
  ::-webkit-scrollbar-track:hover {
   background: #ccb288;
  }
  
  ::-webkit-scrollbar-thumb {
   background: #e8aa45;
  }
  
  ::-webkit-scrollbar-thumb:hover {
   background: #f4a11a;
  }
  
  img {
   max-width:100%;
   max-height:500px;
  }
  
  .flex-container {
   display: flex;
   background-color: DodgerBlue;
   flex-direction: row;
   flex-wrap: wrap;
   flex-grow:1;
  }
  
  .flex-container &gt; div {
   background-color: #fafafa;
   width:auto;
   height:100%margin: 1px;
   font-size: 30px;
  }
  
  .caja-scroll{
   overflow-y:auto;
   background-color:#fafafa;
   border-color: coral;
   width:100%;
   height:100%;
   max-width:100%;
    max-height:500px;
    flex-shrink:5;
  }
  
  .bordes_gallery {
   border-style:solid;
   max-width:100%;
   flex-grow: 1;
    margin: 1px;
  }
  
  .gallery_item {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   max-height:100px;
   border-style:dotted;
  }
  
  .gallery_item &gt; #imagen {
   order: 1;
   flex-basis: 100px;
   align-items:center;
   justify-content:center;
  }
  
  .gallery_item &gt; #texto {
   order: 2;
   align-items:center;
   justify-content:center;
   margin-left:5px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
      &lt;div class="flex-container"&gt;
          &lt;div style="order: 1; flex-basis: content; align-items:center; justify-content:flex-start; display: flex;"&gt;
            &lt;img src="http://kb4images.com/images/usa-wallpaper/36955559-usa-wallpaper.jpg"&gt;&lt;/img&gt;
          &lt;/div&gt;
    
          &lt;div style="order: 2; flex-grow: 1; flex-basis: 28rem; max-height:500px; justify-content:flex-start; flex-shrink: 0;"&gt;
              &lt;div class="caja-scroll"&gt;
                  &lt;div class="col-md-12 bordes_gallery"&gt;
                      &lt;div class="gallery_item "&gt;
                          &lt;div id="imagen"&gt;
                            &lt;img style="max-width:100px;" src="http://www.catolica.edu.sv/wp-content/uploads/2016/01/moodle-200x200.jpg"&gt;
                         &lt;/div&gt;
                          &lt;div id="texto"&gt;asdfadfs&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="gallery_item "&gt;
                          &lt;div id="imagen"&gt;
                            &lt;img style="max-width:100px;" src="http://www.catolica.edu.sv/wp-content/uploads/2016/01/moodle-200x200.jpg"&gt;
                         &lt;/div&gt;
                          &lt;div id="texto"&gt;asdfadfs&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="gallery_item "&gt;
                          &lt;div id="imagen"&gt;
                            &lt;img style="max-width:100px;" src="http://www.catolica.edu.sv/wp-content/uploads/2016/01/moodle-200x200.jpg"&gt;
                         &lt;/div&gt;
                          &lt;div id="texto"&gt;asdfadfs&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="gallery_item "&gt;
                          &lt;div id="imagen"&gt;
                            &lt;img style="max-width:100px;" src="http://www.catolica.edu.sv/wp-content/uploads/2016/01/moodle-200x200.jpg"&gt;
                         &lt;/div&gt;
                          &lt;div id="texto"&gt;asdfadfs&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="gallery_item "&gt;
                          &lt;div id="imagen"&gt;
                            &lt;img style="max-width:100px;" src="http://www.catolica.edu.sv/wp-content/uploads/2016/01/moodle-200x200.jpg"&gt;
                         &lt;/div&gt;
                          &lt;div id="texto"&gt;asdfadfs&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="gallery_item "&gt;
                          &lt;div id="imagen"&gt;
                            &lt;img style="max-width:100px;" src="http://www.catolica.edu.sv/wp-content/uploads/2016/01/moodle-200x200.jpg"&gt;
                         &lt;/div&gt;
                          &lt;div id="texto"&gt;asdfadfs&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>