/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 vote236 views1 answer
How to transition text color css
CSS
0 vote209 views1 answer
How to fix the html on tablet movement
CSS
0 vote207 views1 answer
Putting picture shaddow in css
CSS
32 votes224 views6 answers
@font-face in css
CSS
44 votes233 views5 answers
Breakpoint bootstrap
CSS
4 votes231 views2 answers
Can we use material ui and tailwind css together
CSS
0 vote212 views1 answer
Autocomplete widget set z-index
CSS
3 votes234 views2 answers
Backdrop filter all properties
CSS
1 vote234 views1 answer
Css access span class inside div
CSS
10 votes240 views6 answers
Modal html
CSS