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 vote176 views2 answers
Insert image by css
CSS
27 votes142 views1 answer
How to use gradient as text color
CSS
1 vote106 views2 answers
List no bullets html
CSS
0 vote142 views1 answer
Grape change status code
CSS
1 vote145 views1 answer
Css show scrollbar if overflow
CSS
72 votes131 views6 answers
Absolute position center
CSS
2 votes163 views1 answer
Css image round
CSS
17 votes163 views3 answers
Text orientation css
CSS
96 votes154 views3 answers
Css hide scrollbar but allow scroll
CSS
2 votes142 views3 answers
Cant read pdf file in python
CSS