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

6 votes207 views3 answers
How to make rounded corners in css with images
CSS
28 votes174 views3 answers
Font-face html
CSS
0 vote190 views1 answer
Bootstrap accordion some change
CSS
2 votes170 views2 answers
Carousel css
CSS
13 votes179 views4 answers
Cursor pointer events none
CSS
0 vote201 views1 answer
Shorthand notation of declaring top, right, bottom, left position
CSS
15 votes175 views3 answers
Css wrap
CSS
0 vote197 views1 answer
How to center a list in html
CSS
-2 votes363 views1 answer
Css add a shadow beneath text
CSS
8 votes243 views3 answers
Css darkmode
CSS