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

7 votes141 views2 answers
Css list remove dot
CSS
-1 vote159 views1 answer
Bootstrap scrollable modal
CSS
0 vote160 views2 answers
Card css
CSS
0 vote145 views1 answer
Flexbox stretch
CSS
1 vote148 views2 answers
How to center topnav bar in html
CSS
6 votes146 views2 answers
Remove outline of input css
CSS
0 vote149 views1 answer
How do I link a CSS file to a folder?
CSS
2 votes109 views1 answer
Function debounce
CSS
-2 votes173 views2 answers
Text sliding css
CSS
68 votes171 views6 answers
Add css file in html
CSS