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 vote180 views2 answers
Css how to stop screen from left and right
CSS
0 vote205 views1 answer
Combine binary numbers
CSS
0 vote205 views1 answer
Position inset css
CSS
0 vote181 views1 answer
Easyui how to change datagrid header height
CSS
1 vote179 views1 answer
Ion-item no padding ionic 4
CSS
114 votes201 views6 answers
Hide scrollbar css
CSS
2 votes172 views2 answers
Opacity animation css
CSS
0 vote164 views1 answer
Find element that is causing overflow css
CSS
0 vote204 views1 answer
Css psedou content data
CSS
6 votes129 views3 answers
Django css
CSS