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

0 vote193 views1 answer
Fading bottom image css
CSS
16 votes183 views4 answers
Arrow up css
CSS
3 votes189 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
0 vote230 views1 answer
Button transition
CSS
0 vote208 views1 answer
Hiding button border when clicked
CSS
6 votes176 views1 answer
How to make text wrap on overfloe with css
CSS
28 votes200 views6 answers
Linear gradient css background image
CSS
0 vote260 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
-1 vote141 views1 answer
Responsiveness in bootstrap
CSS
2 votes192 views1 answer
Select dropdown icon change
CSS