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

0 vote176 views1 answer
Table inside table not matching borders
CSS
50 votes136 views4 answers
Css background image fit
CSS
0 vote134 views1 answer
Remove 000webhost ads
CSS
0 vote115 views1 answer
If child elemnt is hovered do changes to the container css
CSS
0 vote131 views1 answer
-webki slider runnable track
CSS
-1 vote133 views2 answers
Make all images same size bootstrap
CSS
2 votes108 views3 answers
Ul hide bullet css
CSS
0 vote126 views1 answer
Class html css
CSS
0 vote119 views1 answer
Set margin to none inside print
CSS
1 vote127 views1 answer
Input type date all css style
CSS