yle="min-height: 40px"
           data-expected-width="70" data-expected-height="40">
        <p>xx xxx</p>
        <p>xx</p>
      </div>
    </div>
    <div class="flexbox">
      <div style="min-width: 75px; min-height: 40px"
           data-expected-width="75" data-expected-height="40">
        <p>xx xxx</p>
        <p>xx</p>
      </div>
    </div>
    <br>

    <!-- Row 4: max main-size OR max cross-size, or both -->
    <div class="flexbox">
      <div style="max-width: 20px"
           data-expected