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 vote349 views2 answers
Generate random grid in css
CSS
17 votes344 views3 answers
Text orientation css
CSS
0 vote324 views1 answer
Flex fill space
CSS
1 vote339 views1 answer
Scss nesting
CSS
1 vote330 views2 answers
Eloquent map collection
CSS
1 vote299 views1 answer
Why are suacer pans made of bakelite
CSS
12 votes384 views3 answers
Line through in css
CSS
0 vote347 views1 answer
Object-position
CSS
1 vote331 views2 answers
Min css
CSS
0 vote300 views1 answer
@page css
CSS