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

8 votes168 views5 answers
Flex margin between items
CSS
2 votes171 views1 answer
Size carousel bootstrap 4
CSS
0 vote170 views2 answers
Css text truncate 2 lines
CSS
4 votes166 views1 answer
Max css
CSS
22 votes186 views4 answers
Css flip image horizontally
CSS
3 votes167 views3 answers
Use css to replace icon with text when hover
CSS
4 votes173 views3 answers
Css image cover
CSS
0 vote219 views1 answer
Nice select scroll bar for large amount of options
CSS
83 votes180 views4 answers
Css placeholder color
CSS
0 vote165 views1 answer
Html input type colour internal border
CSS