I created a carousel using slick and it is not responsive as I want. I will show you the pictures below. What should I do to fix this?
100% ( i want this one)
90%
Here is my js code
$(".slider").slick({
centerMode: true,
centerPadding: "60px",
autoplay: true,
autoplaySpeed: 2000,
slidesToShow: 1,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: "60px",
slidesToShow: 1,
},
},
{
breakpoint: 600,
settings: {
arrows: false,
centerMode: true,
centerPadding: "60px",
slidesToShow: 1,
},
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: "60px",
slidesToShow: 1,
},
},
],
});