Why doesn't breakpoint work?

Question

JavaScript

$(".reviews-slider").slick({
    arrows: false,
    dots: false,
    slidesToShow: 2,
    slidesToScroll: 1,
    inifite: true,
    centerMode: true,
    centerPadding: "150px",
    responsive: [
      {
        breakpoint: 1275,
        settings: {
          arrows: false,
          centerMode: false,
          centerPadding: "100px",
          slidesToShow: 1
        }
      },
      {
        breakpoint: 450,
        settings: {
          arrows: false,
          centerMode: true,
          slidesToShow: 1
        }
      }
    ]
  });

As a result, it does not work on devices with a small screen.
Where is the error

Answer 1

Enabling "Mobile First" option within settings (which swaps to min-width responsive approach)
Changed default value of "Slides to show" to 1 (for mobile)
Add min-width responsive breakpoints for tablet and desktop, setting "Slides to show" to 2 and 3, respectively

Try turning on mobilefirst, and set the breakpoints in the opposite direction. Slicks had such a jamb.