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 vote340 views1 answer
Ordered list indent
CSS
1 vote332 views3 answers
Jquery get div height dynamically
CSS
2 votes307 views1 answer
How to apply hover through inline css
CSS
0 vote346 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
1 vote310 views1 answer
How to stop a page from scrolling horizontally
CSS
0 vote288 views2 answers
Css add circle to icon cart
CSS
1 vote334 views1 answer
Linux remove files except
CSS
0 vote306 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
82 votes300 views6 answers
Text-shadow css
CSS
1 vote258 views1 answer
How to find the key of the largest value hash?
CSS