DEV Community

Discussion on: ⚡️ Flash Grid: learn CSS Grid by building a grid system

Collapse
 
edquijano profile image
edquijano

Pretty advance. Awesome.
I have a question. Sometimes we need to accommodate rows, how we define rows?

Thanks.

Collapse
 
guerriero_se profile image
Sebastiano Guerriero

Hi there! Rows are a bit more complicated. Not in CSS per se: you can define row templates just as you would define columns, with grid-template-rows and grid-row (or grid-row-start + grid-row-end). However, it is a bit more complicated to abstract utility classes, because the number of rows you need varies from layout to layout. Probably a good idea would be introducing .row-start and .row-end classes, then take advantage of CSS Grid implicit grids.