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 vote327 views2 answers
How to centre a div
CSS
0 vote594 views1 answer
Twig inline css
CSS
0 vote351 views2 answers
Modal pop up html css
CSS
1 vote304 views2 answers
Align div to right side of parent
CSS
1 vote279 views1 answer
Python 'charmap' codec can't decode byte
CSS
4 votes311 views1 answer
How to stop an image repeating in css
CSS
0 vote342 views1 answer
PacSelectFirst( submit button
CSS
0 vote426 views1 answer
Width clamp css
CSS
2 votes325 views1 answer
Centering the image
CSS
7 votes297 views1 answer
Col md 12
CSS