Grid

grid-template-rows

Learn how to use the CSS grid-template-rows property.

CSS grid-template-rows

The grid-template-rows property sets the grid template-rows for an HTML element.

Syntax

.element {
  grid-template-rows: auto;
}

HTML Context Example

<div class="card">
  This is a styled element.
</div>

<style>
.card {
  grid-template-rows: auto;
}
</style>

Notes

Experiment in the CSS playground to see how this affects layout and styling.