CSS grid-template-rows "min-content" not working
03:43 09 Jan 2026

The fiddle shows that it is not working (tested in chrome and firefox) : https://jsfiddle.net/Flyout/8gsx36qc/1/ enter image description here



  

    Catering
  


  
  

    
Morning

    
Lunch

    
Snack

    
Dinner

  


  

    Total : 0.00 €

Whereas it works fine in https://www.cssgridplayground.com/ : enter image description here

To clarify, the cell "Catering" should not take 50% of the available height, but it should fit its content. In consequence, the cell "Total" should take most of the height.

css grid row height row-height