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 vote114 views1 answer
How do you display a border like this:
CSS
4 votes126 views2 answers
Border style
CSS
4 votes110 views2 answers
Css center vertically
CSS
11 votes110 views1 answer
Html click through elements
CSS
1 vote125 views2 answers
Selector css
CSS
4 votes107 views2 answers
Css trim text
CSS
5 votes100 views3 answers
How to make a linear gradient in css
CSS
0 vote74 views2 answers
Tailwind.min.css cdn
CSS
0 vote119 views1 answer
Css transition only once
CSS
0 vote124 views2 answers
Css space between elements
CSS