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 vote219 views1 answer
Css not last of type
CSS
2 votes219 views1 answer
Media queries css responsive max width
CSS
0 vote218 views1 answer
Enlarge ionicons css
CSS
5 votes223 views5 answers
Min padding
CSS
5 votes230 views3 answers
Css window height
CSS
0 vote205 views2 answers
Css stopper une animation
CSS
1 vote228 views1 answer
How to stop a page from scrolling horizontally
CSS
2 votes266 views1 answer
Tailwind icon animation
CSS
3 votes208 views2 answers
Scss sass watch command line
CSS
0 vote215 views1 answer
Make table cell less wide css
CSS