Slick slider — адаптивность под разные разрешения?

Question

[азаза]

Доброго времени
как сделать респонсив карусели на slick под несколько разрешений
вот код респонс

responsive: [
    {
      breakpoint: 1100,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
             }
    }]

т.е при 1100пикс и менее слайдов 2 в ряду
а как добавить несколько таких вариантов
в js дуб дерево
пытаюсь прописать так

responsive: [
    {
      breakpoint: 1100,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
             },
       breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
             }

    }]

не работает
как правильно там все эти скобки, запятые и т.д прописать что бы заработало ?

Answer 1

[азаза]

вопрос снят

responsive: [
    {
      breakpoint: 1100,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
        infinite: true
        
      }
    },
    {
      breakpoint: 700,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]