¿Alguien podría echar un vistazo a este código?

Jsfiddle enlace #1

 $(document).ready(function () { $('.category-items-container').slick({ dots: true, infinite: false, slidesToShow: 5, slidesToScroll: 1, arrows: true, autoplaySpeed: 5000, autoplay: true, centerMode: false, vertical: false, }); });

Básicamente, no entiendo por qué Slick lib muestra los divs verticalmente y no funciona correctamente como debería.

Están correctamente alineados sin la parte ingeniosa js, como puede ver aquí: jsfiddle link #2

¿Qué estoy haciendo realmente mal? Intenté mirar otros fragmentos de código similares a los que estoy tratando de lograr, pero no encontré el error que estoy cometiendo actualmente.

Este es un ejemplo de lo que estoy tratando de lograr: fragmento de codepen .

¡Gracias por adelantado!