
        Rows control **vertical layout**.
        
        ## Example
        ```css
        .container {
          display: grid;
          grid-template-rows: 80px auto 60px;
        }
        ```
        
        ## UI imagination
        - Header: 80px
        - Content: flexible
        - Footer: 60px
        
        ## Real-world example
        Almost every website page.
        
        ## Important note
        Avoid fixed height unless necessary.
        

Understand how grid rows work, auto height vs fixed height, and how vertical layouts are controlled.

CSS Grid Rows

Learn CSS for styling modern websites: layouts, flexbox, grid, responsive design, and animations.

CSS Grid Rows

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add