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 vote355 views1 answer
Jquery add external css to head
CSS
0 vote330 views1 answer
Have button beside form input
CSS
1 vote335 views1 answer
Css erase text
CSS
1 vote368 views1 answer
Css on hover do something to children
CSS
3 votes356 views1 answer
Media queries css not working for mobile
CSS
1 vote360 views1 answer
Backgrond image shopify css
CSS
0 vote344 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
1 vote362 views1 answer
-ms css
CSS
58 votes370 views6 answers
How to center a div vertically and horizontally
CSS
0 vote383 views1 answer
Vue center components in body
CSS