/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 vote251 views2 answers
Css syntax examples
CSS
0 vote237 views1 answer
Putting picture shaddow in css
CSS
0 vote254 views1 answer
Titillium font
CSS
0 vote271 views1 answer
Move element on new line css
CSS
0 vote244 views3 answers
Bulma capitalized
CSS
2 votes246 views3 answers
Placeholder color default
CSS
1 vote249 views1 answer
Change mat icon size
CSS
66 votes237 views6 answers
Text background color css
CSS
0 vote252 views2 answers
Css disabled cursor not allowed
CSS
103 votes265 views2 answers
What are the types of positioning in css
CSS