/CSS/Css grid command for responsive design

Css grid command for responsive design

Responsive css grid

@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;
  }
}

Source: codepen.io

Css grid command for responsive design

css auto responsive command

-1

Similar codes

118 votes336 views6 answers
Css @media
CSS
1 vote313 views1 answer
Css rules only for mozilla
CSS
2 votes261 views1 answer
XAMPP: Another web server daemon is already running
CSS
0 vote288 views1 answer
Building Multi-Architecture Docker Images on ARM 64-bit
CSS
8 votes328 views4 answers
CSS Grid Column
CSS
50 votes299 views4 answers
Css reset code
CSS
0 vote291 views1 answer
Understanding 'space' in css selector
CSS
1 vote294 views1 answer
Overflow-x hidden meaning in css
CSS
0 vote300 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
1 vote359 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap