.stickers-list{display:grid;
margin:0;
padding:20px;
gap:10px;
grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
grid-auto-flow:dense;}
.sticker:nth-child(3n){grid-column:span 2;
grid-row:span 2;}
.stickers-list{display:grid;
margin:0;
padding:20px;
gap:10px;
grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
grid-auto-flow:dense;}
.sticker:nth-child(3n){grid-column:span 2;
grid-row:span 2;}
Мой вариант. 100%
Если не помещается, используйте вместо “auto-fit” цифру “3”
.stickers-list {
display: grid;
grid-template-columns: repeat(3, minmax(100px,1fr));
grid-auto-flow: dense;
gap: 10px;
margin: 0;
padding: 20px;
}
.sticker:nth-child(3n) {
grid-column: span 2;
grid-row: span 2;
}