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

16 votes285 views2 answers
How to set background image 100 height
CSS
-1 vote352 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
1 vote296 views1 answer
Scroll bar on border radius element css
CSS
0 vote275 views1 answer
Css unlock scroll
CSS
0 vote293 views1 answer
Adding active Class with JavaScript
CSS
0 vote309 views1 answer
RichText.Content add className
CSS
23 votes295 views3 answers
Text-overflow ellipsis multiple lines
CSS
16 votes290 views4 answers
Arrow up css
CSS
24 votes290 views5 answers
Placeholder css
CSS
1 vote281 views1 answer
Css Use the correct background property to make the background image NOT scroll with the rest of the page.
CSS