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 vote106 views1 answer
How to print hello world with css
CSS
4 votes133 views2 answers
Bootstrap Image thumbnails
CSS
0 vote130 views1 answer
Media queries css wit logical operators
CSS
1 vote135 views1 answer
Before content from attribute
CSS
0 vote143 views4 answers
Select2 make previously selected options non deletable
CSS
6 votes127 views2 answers
Css grid full width row
CSS
0 vote129 views1 answer
Media screen tablet
CSS
33 votes138 views6 answers
Custom Cursor css
CSS
2 votes131 views2 answers
Css grid make all rows same height
CSS
0 vote139 views1 answer
Decrease space between paragraphs html
CSS