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

29 votes241 views4 answers
Css input
CSS
1 vote269 views2 answers
Apply style to second child div
CSS
0 vote233 views1 answer
Bootstrap progress bar animation not working
CSS
44 votes239 views6 answers
How to center a div element
CSS
3 votes234 views3 answers
Use css to replace icon with text when hover
CSS
-1 vote221 views1 answer
Html sticky
CSS
4 votes264 views2 answers
Import fontawesome
CSS
0 vote239 views1 answer
Css conver innertext to html using css
CSS
-1 vote242 views1 answer
Materialize table padding css
CSS
0 vote308 views2 answers
Elementor accordions closed by default
CSS