Css grid first child

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));
}
.grid div {
  border: 1px solid blue;
}

.grid div {
  grid-column: span 2;
}
.grid div:first-child, .grid div:last-child {
  grid-column: span 1;
}

Source: stackoverflow.com

Similar codes

3 votes427 views2 answers
How to make image not draggable in html
CSS
1 vote380 views1 answer
Css make background visible in text
CSS
1 vote375 views3 answers
Space between items in css
CSS
33 votes372 views2 answers
Gradient text colors
CSS
0 vote394 views1 answer
Media screen tablet
CSS
8 votes395 views2 answers
Background image no repeat fill
CSS
2 votes377 views1 answer
How to put image in button css
CSS
0 vote380 views1 answer
Css animation sin
CSS
0 vote349 views1 answer
Circle percentage css
CSS
0 vote394 views1 answer
Make previous commit master
CSS