title: Double row with same height in flexbox
body: <p>I've created a table with the first column using two rows, so the following columns will have two rows, but with the same height. Some cells will have 2 or more lines and other none. So, I want them to have the same height, which would be half the height of the first row.</p>
  
  <p>I've tried adding <code>min-width: 50%</code>, but it didn't work.</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>.double-row {
    display: flex;
    border: 2px solid blue;
  }
  
  .col {
    border-right: 1px solid grey;
  }
  
  .first-col {
    display: flex;
    align-items: center;
    padding: 10px;
  }
  
  .other-col {
    display: flex;
    flex-direction: column;
  }
  
  .cell {
    padding: 10px;
    border-bottom: 1px solid grey;
  }
  
  .cell.upper {
    background: #00FF002F;
  }
  
  .cell.down {
    background: #FF00002F;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="double-row"&gt;
    &lt;div class="col first-col"&gt;
      &lt;h1&gt;
        Double Row
      &lt;/h1&gt;
    &lt;/div&gt;
    &lt;div class="col other-col"&gt;
      &lt;div class="cell upper"&gt;
        &lt;p&gt;
          Upper Text
        &lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="cell down"&gt;
        &lt;input type="text"&gt;
        &lt;p&gt;
          Bottom Text
        &lt;/p&gt;
        &lt;p&gt;
          Bottom Text
        &lt;/p&gt;
        &lt;p&gt;
          Bottom Text
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col other-col"&gt;
      &lt;div class="cell upper"&gt;
      &lt;/div&gt;
      &lt;div class="cell down"&gt;
        &lt;input type="text"&gt;
        &lt;p&gt;
          Bottom Text
        &lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://codepen.io/Agusbeche/pen/ZNvMPb" rel="nofollow noreferrer">https://codepen.io/Agusbeche/pen/ZNvMPb</a></p>