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

1 vote315 views2 answers
Selector CSS Example
CSS
0 vote274 views2 answers
Media Query Smartphone Portrait
CSS
4 votes285 views1 answer
Css overflow truncate
CSS
0 vote304 views1 answer
React css change number animation
CSS
2 votes235 views2 answers
Box shadow all sides w3schools
CSS
0 vote311 views1 answer
Advance css
CSS
18 votes297 views4 answers
Background color none
CSS
5 votes327 views3 answers
Back color rbg
CSS
8 votes282 views1 answer
Css wordwrap
CSS
41 votes295 views4 answers
How to center text in css
CSS