12 Items in a Responsive Slider

Hi all,

I’m trying to make a carousel with 4 ‘listings’ on 3 slides that responds on mobile.

The way I have done this is to put a grid inside a slider, but I’m not sure if this is the best way?

This works great on desktop, but since the content is too wide and the slider isn’t ‘smart’ enough to know it needs to add more slides.

What’s the best way of containing 12 individual listings in a slider/carousel?

This site is a good example of what I mean - https://www.buyagift.co.uk/

EDIT: Take a look at my site and scroll down to the cats - It’s still a work in progress!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Anyone?

Surely I’m not the first to want a basic responsive carousel? :slightly_smiling_face: