Tengo una página web que tiene dos elementos.

Control deslizante superior + lista de elementos.

El control deslizante superior muestra las categorías. Y es un deslizador horizontal.

Debajo, tengo una lista de artículos que están envueltos en contenedores y vinculo cada categoría a cada contenedor. De modo que al hacer clic en cada categoría, el navegador se desplazaría hacia abajo hasta el contenedor relevante.

he hecho todo Pero quiero que el elemento seleccionado en las categorías esté centrado en la pantalla.

¿Cómo puedo hacer eso? Estoy atascado en este punto.

Aquí hay un enlace de codesandbox: https://codesandbox.io/s/jovial-chaum-5yy4z2?file=/style.css