/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

4 votes177 views3 answers
How to not underline links in css
CSS
39 votes218 views4 answers
Background image height and width
CSS
2 votes157 views1 answer
Kerning css
CSS
0 vote152 views1 answer
Media query Tablet and smaller
CSS
1 vote162 views1 answer
Rotate text css
CSS
0 vote188 views4 answers
Position absolute prevent overflow
CSS
0 vote160 views1 answer
Css input spaces between
CSS
0 vote161 views1 answer
Css layout tutorial
CSS
69 votes153 views4 answers
White rgb
CSS
0 vote169 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS