Css grid two columns

div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

Grid 4 columns 2 rows

.container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 1.75rem;
    width: min(90%, 68.5rem);
    margin-inline: auto;
}

Source: github.com

Similar codes

17 votes158 views1 answer
Yarn start not working on powershell
CSS
50 votes145 views6 answers
Text align css
CSS
1 vote174 views1 answer
Remove ul decoration
CSS
20 votes154 views5 answers
Background color transparent opacity css
CSS
126 votes165 views7 answers
Css box shadow
CSS
0 vote149 views1 answer
Overiade main style only for specific page sass
CSS
1 vote150 views1 answer
How to gain full width of a phone website in html and css
CSS
0 vote182 views1 answer
Remove effect off animation css
CSS
2 votes147 views1 answer
Putting label on top of input css
CSS
0 vote207 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap