/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

11 votes620 views2 answers
How to remove up and down arrows from input type number
CSS
23 votes379 views5 answers
Center div using flex
CSS
0 vote352 views1 answer
Punderline none
CSS
1 vote352 views1 answer
Overflow: scroll displaces the inline element
CSS
107 votes375 views4 answers
How to add background shadow css
CSS
182 votes545 views6 answers
How to link css to html
CSS
9 votes315 views2 answers
Box shadow as border
CSS
1 vote389 views3 answers
Css for bigger screen size
CSS
6 votes359 views2 answers
Selecting last child css
CSS
3 votes361 views2 answers
Css sass
CSS