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

15 votes279 views2 answers
Get rid of arrows number input
CSS
5 votes276 views1 answer
Hidden elements blinking on hover
CSS
4 votes266 views2 answers
Laravel enum column
CSS
0 vote291 views1 answer
Css in head or body
CSS
0 vote276 views1 answer
Css if select has value
CSS
13 votes254 views4 answers
Delected blue border when an input is selected
CSS
0 vote321 views1 answer
Use PurifyCSS with hugo
CSS
20 votes254 views6 answers
Fonts for css
CSS
2 votes331 views1 answer
Bootstrap dark mode
CSS Bootstrap
1 vote235 views1 answer
Css div text size
CSS