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

1 vote352 views1 answer
Hover button scss
CSS
0 vote345 views2 answers
Roles
CSS
-1 vote325 views1 answer
Html sticky
CSS
0 vote356 views1 answer
Wrap text around circle image css
CSS
8 votes344 views2 answers
Css image size adjust
CSS
60 votes366 views4 answers
Hide scroll bar for a dive
CSS
0 vote359 views1 answer
Ubuntu tor browser verification failed
CSS
86 votes323 views6 answers
Css all caps
CSS
0 vote363 views1 answer
Wkhtmltopdf remove thead repeating
CSS
0 vote378 views1 answer
How to center an item without flex
CSS