grid-template-rows

The grid-template-columns property specifies the track list for the grid’s rows. 7.2. Explicit Track Sizing: the grid-template-rows and grid-template-columns properties

Links about grid-template-rows

1. Cool Little CSS Grid Tricks for Your Blog | CSS-Tricks

   posted on June 9, 2020 by Ana Tudor

   I discovered CSS about a decade ago while trying to modify the look of a blog I had created. Pretty soon, I was able to code cool things with more

   

2. Smashing Meets - 19th May 2020 - Rachel Andrew

   posted on June 3, 2020 by Rachel Andrew

   In this talk, Rachel will introduce Subgrid alongside use cases, example code, and some thoughts on where we might see Grid heading in the future.

   

3. Animating CSS Grid Rows and Columns

   posted on December 1, 2019 by Chen Hui Jing

   One of the biggest things in version 66 of Firefox was the ability to animate grid rows and columns when using Grid layout. This feature had been written into the specification for a while now, but…

   

4. Animating CSS Grid

   posted on January 14, 2019 by CSS IRL

   Soooo, Jen Simmons just dropped a surprise bombshell on Twitter – CSS Grid grid-template-columns and grid-template-rows properties are now…

   

5. New in Firefox 66: Animating CSS Grid - LogRocket Blog

   posted on November 19, 2019 by Facundo Corradini

   Firefox is continuously improving, and the Mozilla team manages to surprise us with every new release. We have seen outstanding improvements on their dev tools recently that are pushing many devs to use of Firefox in development, also the browser implementation of CSS modules and APIs are growing co…

   

6. Subgrid | Codrops CSS Reference

   posted on April 9, 2020 by Team Codrops

   Subgrid Learn all about CSS Subgrid in this CSS Reference entry by Hui Jing Chen.

   

Code sample

.grid {
  display: grid;
  grid-template-rows: 200px 1fr;
}