Answers for "css grid always size of viewport"

CSS
-1

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);
}
Posted by: Guest on July-07-2021
1

css grid auto resize on mobile

// Fit as many columns as you can in one row
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
Posted by: Guest on June-28-2021

Browse Popular Code Answers by Language