title: Being Flexbox element as flexbox container too
body: <p>// Excuse my beginner's English</p>
  
  <p>Hello!
  Can i implement follow construction:</p>
  
  <pre><code>&lt;div class="flex-container-1"&gt;
      &lt;div class="flex-element-1 flex-container-2"&gt;
          &lt;div class="flex-element-2"&gt;...&lt;/div&gt;
          &lt;div class="flex-element-2"&gt;...&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="flex-element-1 flex-container-2"&gt;
          &lt;div class="flex-element-2"&gt;...&lt;/div&gt;
          &lt;div class="flex-element-2"&gt;...&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My simple attempt:</p>
  
  <pre><code>.flex-container-1, .flex-container-2 {
      display: flex;
  }
  .flex-element-1, .flex-element-2 {
      flex: auto;
  }
  </code></pre>
  
  <p>... is not correct. </p>
  
  <p>Making this more flatten is not way for me, because i need grouping container.</p>
  
  <p>Have any ideas?</p>
  
  <p>Thanks!</p>