13 replies

Auto and min content property for grid-template-rows

Hey, suppose if I have 3 rows, the moment I use auto or min-content for all three rows as:

grid-template-rows: repeat(3, min-content);

grid-template-rows: repeat(3, min-content);

grid-template-rows: repeat(3, min-content);

grid-template-rows: repeat(3, min-content);

They all size equally, why is that? (2nd screenshot is with repeat(2, min-content) 1fr