Гладкий слайдер имеет большую ширину

Question

Я создал простой скользящий слайдер, но стандартная ширина очень большая (811 пикселей). Как это возможно, я нигде не инициализировал это.

Это мой код:

<div class="slider" style="display: none" id="slider_content">
                    <div><p>1</p></div>
                    <div><p>2</p></div>
                    <div><p>3</p></div>
                    <div><p>4</p></div>
                    <div><p>5</p></div>
                </div>

js файлы:

<script src="/js/jquery.min.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="/js/slick.min.js"></script>
<link rel="stylesheet" type="text/css" href="/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/slick/slick-theme.css"/>
<script type="text/javascript" src="/slick/slick.min.js"></script>
<script>
    $.getScript("/js/jquery-ui.min.js", function(){
    });
    jQuery(document).ready(function($) {
        var slider = document.getElementById("slider");
        slider.style.display = "block";
        $('.slider').slick({
            slidesToShow: 3,
            slidesToScroll: 3,
            dots: false,
            infinite: false,
            cssEase: 'linear'
        });
    });

</script>

это вид оперы на консоль: