In the code snippet shared in this exercise, we didn’t define `grid-template-rows`. How does our content fill in a grid when this property is not specified?

Question

In the code snippet shared in this exercise, we didn’t define grid-template-rows. How does our content fill in a grid when this property is not specified?

Answer

As you will learn in the next lesson, when we don’t explicitly define grid-template-rows, the implicit grid takes over. When this happens, rows get filled up first and new rows are created as necessary. The new rows will only be as tall as the content they contain.