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 vote167 views1 answer
Make text available only to screen reader
CSS
0 vote228 views1 answer
Css center table on page
CSS
0 vote120 views1 answer
Align grid items with end
CSS
0 vote132 views1 answer
Submit button css class
CSS
0 vote192 views1 answer
Farther of genetics
CSS
3 votes110 views3 answers
Have background color and background image css
CSS
0 vote108 views1 answer
Css media two conditions
CSS
49 votes114 views3 answers
Centralize image css
CSS
0 vote71 views1 answer
Css not working react
CSS
2 votes126 views1 answer
Css select all except first
CSS