slidesPerView: 4loopAdditionalSlides: [число] transform для псевдоэлементов. Для достижения нужного наклона просто поиграться со значением skew.width: 30%; transform: skewX(30deg); margin-left: -15%;). .menu {
display: grid;
grid-template-columns: repeat(3, auto);
grid-gap: 10px;
}
.menu__item {}
.menu__item-1 {
order: 1;
}
.menu__item-2 {
order: 2;
}
.menu__item-3 {
order: 4;
grid-column-start: 2;
}
.menu__item-4 {
order: 3;
}