Css template columns and rows

.container {
  grid-template-columns: ...  ...;
  /* e.g. 
      1fr 1fr
      minmax(10px, 1fr) 3fr
      repeat(5, 1fr)
      50px auto 100px 1fr
  */
  grid-template-rows: ... ...;
  /* e.g. 
      min-content 1fr min-content
      100px 1fr max-content
  */
}

Source: css-tricks.com

Similar codes

0 vote200 views1 answer
Css hover change more than one element
CSS
6 votes224 views2 answers
Space between flexbox
CSS
184 votes506 views6 answers
Css shadow border
CSS
0 vote237 views1 answer
Css shape-outside
CSS
1 vote216 views1 answer
Alert without page refresh
CSS
-2 votes207 views1 answer
Reduce image size on mobile view css
CSS
1 vote188 views1 answer
React hide scrollbar
CSS
0 vote207 views1 answer
Bottom gradient
CSS
0 vote193 views1 answer
Tint image with background color css
CSS
1 vote195 views1 answer
Display none but keep space
CSS