Could anyone have a look at this code?

Jsfiddle link #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,
        });
});

Basically I don't understand why slick lib is showing the divs vertically and not working properly as it should.

They're properly aligned without the slick js part as you can see here: jsfiddle link #2

What am I actually doing wrong? I tried looking at other code snippets similar to what I'm trying to achieve but I didn't find the mistake I'm currently making.

This is an example of what I'm kinda trying to achieve: codepen snippet.

Thanks in advance!