I want to create a row that scrolls images horizontally, with the rest of the row hidden off screen. The user will scroll the row across to reveal other images. How can I do this ? I have attached my current code.

I want to create a row that scrolls images horizontally, with the rest of the row hidden off screen. The user will scroll the row across to reveal other images. How can I do this ? I have attached my current code.

not exactly the same but has the right method behind it then if you take off the max width it will be 100% of the row.

If you make it responsive and have the same number on screen say 10 and vary the size to fit as that will be the number per slide, then if the screen gets smaller it gets swapped out for a smaller version with 6 across and another for mobile as per the example.