0

My HTML and CSS code are in this jsfiddle page

According to this topic, as the element <span class="premises" style="grid-template-columns:auto auto ;"> has grid-auto-rows: 1fr;, the two <span class="premise"> items should have equal heights.

On my browsers, it's not the case at all (and it's quite visible in Firefox).

Does anyone know why?

Michael Benjamin
  • 346,931
  • 104
  • 581
  • 701
mcoulont
  • 3
  • 3
  • 1
    you set 5 auto rows for the first child span, so it draws each element into a row and text aside tag element are virtually wrapped into a container. that makes 3 rows, next span is also set as a grid of 5 rows. What is the expected result ? are children supposed to be grids too ? – G-Cyrillus Feb 12 '21 at 18:52
  • You only have **one** row in the upper grid – Temani Afif Feb 12 '21 at 19:54

0 Answers0