CSS grid-template-rows "min-content" not working

by Flyout

HTML

<div style="
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: min-content;
  grid-template-areas:
    'a b'
    'c b';
  border: 1px solid black;
">

  <div style="grid-area: a; background: lightblue;">
    Catering
  </div>

  <!-- Wrapper pour que b ne force pas la première row -->
  <div style="grid-area: b; background: lightgreen;">
    <p>Morning</p>
    <p>Lunch</p>
    <p>Snack</p>
    <p>Dinner</p>
  </div>

  <div style="grid-area: c; background: lightsalmon;">
    Total : 0.00 €
  </div>
</div>