Hello,
I’m trying to code a carousel even though I’m quiet new to coding but I’m having some issues with it. Code: https://codeshare.io/KWXwdz
First of all the idea of the code is to show 2 recommended products at the same time on mobile and 4 recommended products at the same time on desktop in like a carousel.
On phone, there is an even amount of empty space in between the cards which is good. But when I try to use the navigation buttons I’m not moving enough to the right in order to see the two next recommended products but I see parts. (Image below for explanation)
Start look (good)
After navigating:
after navigating you do not see 2 cards next to each other in the form of the first 2 (picture above).
I’m having the same issue on desktop but on desktop the navigation buttons do not show as neat as on phone probably because it looks like there is a bit more padding/margin on the right. Can anyone please help me with this, URL: https://nl.interiorglows.com/producten/glowcurtain-400-led-lampjes
Problem is visible on the bottom of the page.