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 vote138 views0 answer
CSS
0 vote216 views1 answer
Css notes
CSS
1 vote185 views1 answer
Button onclick open video in new window
CSS
2 votes191 views1 answer
Ionic install font
CSS
1 vote187 views1 answer
Stop css transition from firing on page load
CSS
9 votes196 views3 answers
Outline button css
CSS
2 votes184 views1 answer
Css div take remaining screen height
CSS
0 vote168 views1 answer
@page css
CSS
0 vote188 views1 answer
Chai assert
CSS
0 vote184 views1 answer
How to disable margin collapse between parent and child
CSS