Grid rows css

/*creates 4 equal responsive rows in the availabe space of the css grid*/

grid-template rows: repeat(4, 1fr);

/*creates 3 different sized responsive rows. 3fr is 3x the size of 1fr */

grid-template rows: (1fr, 2fr, 3fr);

Similar codes

8 votes380 views2 answers
CSS make image fill whole background
CSS
1 vote358 views1 answer
Css custom bullet list
CSS
0 vote356 views1 answer
Flex direction tailwind
CSS
83 votes400 views2 answers
Css text transform
CSS
0 vote374 views1 answer
How to make 3 photos display inline-blocks
CSS
23 votes390 views2 answers
Center align in grid
CSS
0 vote344 views2 answers
Css flip text
CSS
14 votes391 views4 answers
Composer downgrade to version 1
CSS
39 votes371 views2 answers
Css z index
CSS
0 vote354 views1 answer
Jpa select date format
CSS