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>

  <div style="grid-area: b; background: lightgreen;">
    <p>Morning</p>
    <p>Lunch</p>
    <p>Lunch</p>
    <p>Lunch</p>
    <p>Lunch</p>
    <p>Lunch</p>
    <p>Lunch</p>
    <p>Snack</p>
    <p>Dinner</p>
  </div>

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

CSS

* {
  margin: 0;
}