Breaking News: Grepper is joining You.com. Read the official announcement!

Smol Responsive CSS Grid

David K. answered on March 18, 2020 Popularity 6/10 Helpfulness 2/10

answer Smol Responsive CSS Grid

related responsive css grid

Smol Responsive CSS Grid

Comment

.smol-css-grid {
  --min: 15ch;
  --gap: 1rem;

  display: grid;
  grid-gap: var(--gap);
  /* min() with 100% prevents overflow
  in extra narrow spaces */
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
}

Popularity 6/10 Helpfulness 2/10 Language css

Source: smolcss.dev

Tags: css css-grid responsive

Link to this answer
Share Copy Link

Contributed on Sep 30 2022

David K.

0 Answers Avg Quality 2/10

Closely Related Answers

responsive css grid

Comments(1)

@supports (display: grid) {
  main { 
    max-width: 10000px;
    margin: 0;
  }
  .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 2fr));
    grid-gap: 1rem;
  }
}

Popularity 10/10 Helpfulness 9/10 Language css

Source: codepen.io

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 18 2020

deadlymuffin

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Smol Responsive CSS Grid

Contents

More Related Answers

Smol Responsive CSS Grid

Closely Related Answers

responsive css grid

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.