Slider with 3 visible slides: How to divide width equally (regardless of canvas width)

[max11]

Hi Webflow community,

I’m struggling to make my slider slides exactly the same width (regardless of canvas width)!

For example, if I set the Canvas width to 900px, the last slides get cut off (see attached image). For a better understanding of the desired look I added a (non-slider) version of the section with the intended design above the slider. How would I achieve an equal distribution between all slides, while having a gap of 16px between the slides? Bildschirmfoto 2021-01-18 um 23.19.27|630x500

Many thanks in advance for reading my question and your considerations.

---

Here is my site Read-Only: Webflow - Makerkids

[dennyhartanto]

@max11 the read-only link 404-ed so I can check to be sure. Theres a few ways around this, easiest is to set the slider to say 31.33% and the margins to be 2%.

The other option is to use borders in the Slide and set a negative margin on the Mask. If you’re familiar with inspecting element feel free to check this out: Slider with Gaps