Slick slider - adaptability to different resolutions?

Question

Slick

hello
how to make carousel responsive on slick under multiple permissions
here is the response code

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

i.e. with 1100 pixels or less slides 2 in a row,
but how to add several of these options
in js oak tree
I try to write like this

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

    }]

does not work
how to write all these brackets, commas, etc. correctly there to make it work?

Answer 1

question removed

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
  ]