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 vote282 views1 answer
Css media queries between two sizes
CSS
0 vote264 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote191 views2 answers
Css gradient rgba to hex
CSS
0 vote413 views1 answer
Get into a Docker container bash
CSS
13 votes206 views2 answers
How to add background in css
CSS
11 votes218 views2 answers
How to center horizontally and vertically block div
CSS
3 votes219 views3 answers
Open sans css
CSS
19 votes186 views6 answers
Css font family
CSS
1 vote207 views1 answer
Font awesome eyes
CSS
74 votes219 views6 answers
Flex css
CSS