как центрировать элементы в glidejs без изменения настроек

#javascript #glidejs

Вопрос:

Как показано на рисунке ниже, общий слот элемента составляет 7, но источник динамичен, а иногда его 3 или 4.. Как правильно центрировать эти элементы с помощью glidejs

Предварительный просмотр исходного кода:

 <Slider element="glide" options={{ perView: 7 }}>
    {Object.entries(subSliderItems)
    .map(([key, value]) => (
        <div className="glide__slide" key={key}>
        <BoxSubCategory label={key} url={value} />
        </div>
    ))}
</Slider>