/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 vote110 views2 answers
List no bullets html
CSS
0 vote104 views1 answer
How to remove horizontal scrollbar and yet allow vertical
CSS
7 votes139 views2 answers
Disable bullets in ul
CSS
37 votes149 views3 answers
Css selector first level child
CSS
3 votes149 views3 answers
How to change paragraph text color to orange - css
CSS
2 votes149 views1 answer
Css resize image without distortion
CSS
1 vote148 views1 answer
Bootstrap card hover effect
CSS
20 votes140 views5 answers
Postgres version command
CSS
0 vote158 views1 answer
Css background for text
CSS
0 vote165 views1 answer
Flex: 0 1 auto
CSS