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

37 votes145 views6 answers
Add gradient to text css
CSS
4 votes151 views2 answers
Css blink
CSS
3 votes139 views2 answers
Remove highlight input css
CSS
0 vote164 views1 answer
Css select having both classes
CSS
32 votes297 views3 answers
Letter spacing css
CSS
5 votes138 views3 answers
Keep background image fixed during scroll using css
CSS
0 vote155 views1 answer
Split group of flex item
CSS
0 vote140 views1 answer
Backwards text css
CSS
39 votes153 views3 answers
Rgba white color
CSS
59 votes152 views6 answers
Css hover
CSS