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 vote173 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS
0 vote184 views1 answer
Css a little transparent
CSS
0 vote190 views1 answer
Css ditribute width equealy to child components
CSS
0 vote235 views1 answer
Css nearest neighbor
CSS
3 votes190 views1 answer
Input backgound color
CSS
1 vote191 views1 answer
Beige hex code
CSS
0 vote183 views2 answers
Css span to right of div
CSS
0 vote217 views1 answer
Remove horizontal scroll in small devices css
CSS
0 vote267 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
15 votes183 views2 answers
Span cursor pointer
CSS