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

48 votes360 views3 answers
Red color rgb
CSS
9 votes345 views1 answer
Make background full on every screen css
CSS
4 votes355 views1 answer
Grid-area
CSS
0 vote392 views1 answer
Shrink a div by 50%
CSS
1 vote396 views1 answer
Uibutton image
CSS
42 votes387 views5 answers
Split text javascript
CSS
0 vote342 views1 answer
How to add a pure css loading spinner
CSS
0 vote364 views1 answer
IE support stackover flow css
CSS
20 votes386 views3 answers
Center align div vertically and horizontally css
CSS
0 vote333 views2 answers
Css flip text
CSS