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 vote149 views1 answer
Arranging the paragraph in css
CSS
27 votes155 views3 answers
Align div to center of screen
CSS
0 vote159 views1 answer
Overwrite safari dropdown css
CSS
16 votes173 views4 answers
How to make image a circle css
CSS
-2 votes138 views1 answer
Css opacity transition
CSS
0 vote337 views1 answer
Nth master
CSS
0 vote149 views2 answers
Add transition to zoom button on hover
CSS
4 votes143 views6 answers
Css grid
CSS
-1 vote146 views1 answer
Css div bottom of parent
CSS
4 votes146 views5 answers
Bootstrap img src
CSS