/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

1 vote99 views1 answer
Change mat icon size
CSS
0 vote131 views1 answer
Html css on class
CSS
0 vote114 views1 answer
How to give rgba in tailwind
CSS
0 vote100 views2 answers
Chrome developer tools send get request
CSS
3 votes104 views1 answer
Css edit scroll bar
CSS
1 vote97 views3 answers
Tag php
CSS
10 votes116 views5 answers
Css hr thickness
CSS
0 vote101 views1 answer
Input text only css
CSS
32 votes90 views6 answers
Overflow css
CSS
1 vote103 views2 answers
Drawing a circle with css
CSS