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 vote279 views2 answers
How to center the table horizontally css
CSS
4 votes323 views1 answer
Scss sass on hover pseudo-class
CSS
18 votes272 views2 answers
Php + get sql query
CSS
6 votes259 views2 answers
How to make all the columns equal size with flexbox
CSS
2 votes257 views1 answer
Half border bottom
CSS
43 votes232 views6 answers
Css font color
CSS
0 vote313 views1 answer
How to center an item without flex
CSS
20 votes264 views2 answers
Div circle
CSS
4 votes241 views5 answers
Placeholder text css
CSS
0 vote273 views1 answer
How to middle div
CSS