The essentials of

Grid-template-rows: an auto row follows content

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

grid-template-rows describes explicit grid rows. auto 1fr auto can separate a header, main area and footer when the overall height is suitably constrained.

Useful to know

grid-template-rows describes explicit grid rows. auto 1fr auto can separate a header, main area and footer when the overall height is suitably constrained. [1]

Without available space, the flexible share has nothing magical to fill. Check container size and content minimums before expecting the footer always to stay at a particular edge.

Sources

For further detail and to check the information:

[1] MDN — CSS grid-template-rows ↗