title: Excluding child element from flex container
body: <pre><code>&lt;div class="container"&gt;
    &lt;div class="image"&gt;&lt;img /&gt;&lt;/div&gt;
    &lt;div class="image"&gt;&lt;img /&gt;&lt;/div&gt;
    &lt;div class="text"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have this situation. I need to center two images into the container but i need to display the "text" in a new line under the two images.
  I did it with css</p>
  
  <pre><code>.container {
    display: flex;
    justify-content: center;
    align-content: center;
    flexwrap: wrap;
  }
  
  .image {
    display: inline-block
  }
  </code></pre>
  
  <p>Text goes to new line but up to a certain resolution. How can exclude text from flex flow?</p>