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

3 votes189 views1 answer
Learn css animation
CSS
2 votes171 views1 answer
Minimum margin css
CSS
0 vote180 views1 answer
Position images in center of container
CSS
2 votes181 views2 answers
How to add box shadow to all sides css
CSS
0 vote178 views1 answer
Not checked css
CSS
0 vote183 views1 answer
No zoom viewport
CSS
0 vote172 views1 answer
How to add a pure css loading spinner
CSS
2 votes175 views2 answers
Test shadow css
CSS
0 vote167 views1 answer
Hover show scrollbar css
CSS
0 vote182 views1 answer
Avatar change design html css
CSS