/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 vote170 views1 answer
CSS BODY AND PRE
CSS
8 votes187 views4 answers
How to cover full image in css
CSS
0 vote179 views1 answer
CSS style all div elements
CSS
0 vote138 views1 answer
Nuxt css other site
CSS
63 votes186 views6 answers
Center div absolute
CSS
0 vote213 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
3 votes166 views2 answers
Centralizar div no meio da tela
CSS
27 votes177 views6 answers
Html color codes
CSS
2 votes170 views2 answers
Css change image color
CSS
0 vote175 views1 answer
Center a button wordpress
CSS