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

0 vote196 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
2 votes142 views2 answers
How to apply outline to text in html css
CSS
4 votes161 views3 answers
Css text dots
CSS
3 votes136 views1 answer
Css display block ease in
CSS
3 votes149 views2 answers
Centralizar div no meio da tela
CSS
3 votes172 views5 answers
Css keep aspect ratio image
CSS
0 vote153 views1 answer
Vertical divider between my flexbox
CSS
0 vote166 views1 answer
Scss if
CSS
6 votes139 views4 answers
How to make the image in the center html
CSS
0 vote157 views1 answer
Mixed-blend-mode css all properties
CSS