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

2 votes201 views2 answers
How to apply outline to text in html css
CSS
1 vote215 views1 answer
How to prevent text overflow
CSS
2 votes199 views1 answer
Css preprocessor
CSS
7 votes322 views3 answers
Bootstrap remove outline
CSS Bootstrap
23 votes204 views2 answers
Center align in grid
CSS
0 vote194 views1 answer
Css a little transparent
CSS
4 votes200 views5 answers
Css darken color
CSS
0 vote220 views1 answer
Random color scss
CSS
0 vote230 views1 answer
Ordered list indent
CSS
15 votes223 views2 answers
Css center elment screen
CSS