Como se ve en la imagen a continuación, el espacio total para elementos es 7, pero la fuente es dinámica y, a veces, es 3 o 4. Cómo centralizar estos elementos correctamente usando glidejs

Vista previa del código fuente:
<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>Acabo de encontrarme con este problema hoy, y después de hurgar un poco, encontré que la solución es sorprendentemente simple.
.glider-track { margin: auto; }El div .glider-track se agrega al dom como un envoltorio para sus diapositivas, por lo que centrarlas dentro de esto hará el truco.