Css grid column height fit content

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(min-content, max-content);
}
 /* ---OR--- */
.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(min-content, max-content);
}

-1

Source: stackoverflow.com

Similar codes

1 vote190 views6 answers
Tailwind css in react
CSS
180 votes491 views6 answers
How to import a css file in html
CSS
37 votes232 views4 answers
Css hover pointer
CSS
0 vote228 views1 answer
Input area bootstrap highlight
CSS Bootstrap
0 vote210 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
0 vote169 views1 answer
Alternative for lodash omit in javascript
CSS
1 vote197 views1 answer
Animate font weight css
CSS
1 vote235 views3 answers
Bootstrap table text vertical align center
CSS
1 vote171 views2 answers
Rainbow text with css
CSS
0 vote184 views1 answer
Css to exclude last row table
CSS