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

56 votes156 views3 answers
Css curved border
CSS
0 vote166 views1 answer
Formatage date css
CSS
0 vote165 views1 answer
Css safari remove scrollbar
CSS
1 vote180 views1 answer
How to write remark in css
CSS
3 votes177 views2 answers
Width css property
CSS
48 votes214 views6 answers
Media query min and max
CSS
0 vote167 views1 answer
Inine css
CSS
0 vote190 views1 answer
Nuxt lazy load pages pagination
CSS
13 votes180 views4 answers
Cursor pointer events none
CSS
0 vote170 views1 answer
How to remove text highlight on double click
CSS