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 vote130 views1 answer
Input focus css default
CSS
8 votes136 views2 answers
Css background image full screen responsive
CSS
39 votes128 views5 answers
Add drop shadow css
CSS
0 vote126 views2 answers
Css text truncate 2 lines
CSS
1 vote127 views2 answers
Antd css
CSS
1 vote190 views1 answer
Overflow: scroll displaces the inline element
CSS
0 vote122 views1 answer
Jest test try catch
CSS
2 votes133 views2 answers
How to move text down in css
CSS
1 vote129 views2 answers
Set an image half its original size css
CSS
0 vote194 views1 answer
How to view only downloading speed in du meter
CSS