.grid {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: 20px;
}
.grid > * {
grid-column: span 3; /* по умолчанию все широкие */
}
.grid > :nth-child(9n + 3),
.grid > :nth-child(9n + 4),
.grid > :nth-child(9n + 8) {
grid-column: span 2; /* узкие элементы */
}
const configSVG = {
transform: [],
mode: {
stack: true // Create a «stack» sprite
}
};
const configSVG = {
transform: [{svgo: {
js2svg: {pretty: true}, // Отключаем минификацию svg.
plugins: [
{cleanupListOfValues: {floatPrecision: 0}},
{inlineStyles: {onlyMatchedOnce: false}},
{removeAttrs: {attrs: ['stroke', 'data-name']}},
{removeAttributesBySelector: {selector: ':not([fill="none"])', attributes: ['fill']}}
]
}}],
mode: {
stack: true // Create a «stack» sprite
}
};
3 итема