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
Remove underline in a a
CSS
0 vote294 views1 answer
Transform element
CSS
0 vote194 views1 answer
Cursor color change
CSS
0 vote257 views2 answers
Caching
CSS
9 votes257 views3 answers
Resize checkbox
CSS
1 vote281 views1 answer
Uibutton image
CSS
0 vote236 views1 answer
Css fadeIn opacity transition
CSS
57 votes297 views4 answers
Css hover rounded corners
CSS
175 votes286 views6 answers
Css image background
CSS
0 vote261 views1 answer
Media queries css wit logical operators
CSS