CSS Grid Display

Display grid

[class^="box-"] {
  background-color: skyblue;

/* To place the letter at the center */
  display: grid;
  place-items: center;
}

Source: dev.to

grid-template-columns: auto auto auto;

/*style.css*/
.container {
  display: grid;
}

.item-a {
  grid-column: 1;
  grid-row: 1 / 3;
}
.item-e {
  grid-column: 5;
  grid-row: 1 / 3;
}

Similar codes

5 votes299 views3 answers
Css window height
CSS
0 vote308 views1 answer
Easiest way to invert css to dark mode
CSS
6 votes291 views4 answers
Change border highlight color on an input text element
CSS
6 votes285 views1 answer
Border-radius circle using %
CSS
0 vote280 views1 answer
Codebuddysurej
CSS
0 vote327 views1 answer
Flot css mdn
CSS
33 votes288 views4 answers
Css background collor
CSS
-1 vote295 views1 answer
Css selector list
CSS
0 vote293 views1 answer
Tailwind @apply
CSS
0 vote311 views1 answer
Move text outside div
CSS