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

4 votes310 views3 answers
Add space between flex items
CSS
0 vote293 views1 answer
Circle css animation
CSS
184 votes413 views6 answers
Css shadow border
CSS
0 vote301 views1 answer
Alternate css animation
CSS
0 vote273 views1 answer
Odoo search
CSS
0 vote281 views1 answer
Execution timeout expired the timeout
CSS
-1 vote264 views1 answer
Most essential css elements
CSS
1 vote277 views1 answer
Centering items in react css
CSS
40 votes251 views8 answers
Font size css
CSS
-2 votes282 views1 answer
Div color overlay css
CSS