/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

0 vote148 views1 answer
Css keep element on same position among different screen size
CSS
16 votes165 views4 answers
CSS Font-Family
CSS
0 vote134 views1 answer
Css 2 div cote à cote
CSS
0 vote129 views1 answer
Understanding '>' sign in css selector
CSS
0 vote145 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS
0 vote131 views1 answer
Css grid auto row
CSS
48 votes136 views6 answers
Background color using css
CSS
2 votes140 views1 answer
E/ViewRootImpl: sendUserActionEvent() mView returned.
CSS
6 votes163 views5 answers
Xss
CSS
1 vote176 views1 answer
How to put something on layers css
CSS