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 vote156 views1 answer
Nth of type for every 4th after the 1st
CSS
0 vote139 views1 answer
Css ol align center
CSS
0 vote131 views1 answer
Custom properties css
CSS
0 vote252 views1 answer
Css only if both classes
CSS
2 votes165 views1 answer
How to make gradient backgroud cover whole page in html
CSS
0 vote149 views2 answers
False
CSS
0 vote138 views1 answer
React how to wrap
CSS
0 vote166 views1 answer
Code to change profile picture in website
CSS
7 votes136 views2 answers
Create circle border css
CSS
9 votes154 views3 answers
Outline button css
CSS