/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 vote292 views1 answer
Css tr border radius
CSS
2 votes272 views2 answers
Image rendering css
CSS
0 vote269 views1 answer
Border collapse makes outset not work
CSS
6 votes272 views2 answers
Css grid full width row
CSS
1 vote256 views1 answer
Wp wpbakery bulder page alignment
CSS
64 votes254 views6 answers
Center image html
CSS
0 vote283 views1 answer
Move element on new line css
CSS
3 votes259 views2 answers
Css check if mobile
CSS
0 vote309 views1 answer
Responsive css webpage code
CSS
0 vote284 views1 answer
Matrix multiplication markdown
CSS