Centering slides when there is less slides as there is space

[dennis-NS]

I have the following scenario:
On mobile i want to show 1.4 slide, on tablet 2.4 and on small desk 3.4 else 4.4.
This works fine but the content is dynamic and it can happen that on a desk where i want to show 3.4 slides there are only 2 or 3 available.
So i want to center the content (more white space left and right).

However css does not seem to affect anything (using flex) position wise of elements.
I tried to see if i could fiddle with some logic for the options like this:

	slidesPerView:
					this.items().length > 2 ? 2.4 : this.items.length,

This however seems to break everything and it only shows 1 slide (all the time).

I'm in a rabbit hole and i can't seem to find the exit. Any pointers?

[dennis-NS]

Ofcourse when looking into the docs one more time i find the centerInsufficientSlides: true, attribute.. hope this might save someone in the future!