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

0 vote201 views1 answer
React bootstrap carousel not working
CSS Bootstrap
104 votes197 views6 answers
Media screen
CSS
40 votes147 views4 answers
Center on page css
CSS
0 vote136 views1 answer
Css invert text color
CSS
161 votes190 views6 answers
Css bold text
CSS
75 votes138 views6 answers
Remove scrollbar css
CSS
1 vote160 views2 answers
Onclick url
CSS
0 vote137 views1 answer
Changing bakcgound color like animation using tailwind
CSS
8 votes154 views2 answers
Reset submit input style
CSS
2 votes137 views1 answer
Three dots in css
CSS