> For the complete documentation index, see [llms.txt](https://kitisummus.gitbook.io/riode/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kitisummus.gitbook.io/riode/thing-to-knows/responsive-swiper-slide.md).

# Responsive (Swiper slide)

Allows to set different parameter for different responsive breakpoints (screen sizes).

{% embed url="<https://swiperjs.com/swiper-api>" %}

This option appears in most sections that contain sliders.

![](https://1443715657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx3JA6a4OKHynf16tpV9W%2Fuploads%2Fx6bqEZEpWOnuDFxeTN1p%2FScreenshot_28.jpg?alt=media\&token=496c66e7-bbb8-4258-b326-d2816e00b8cc)

```json
{
  // when window width is >= 0px
  "0": {
    "slidesPerView": 1,
    "spaceBetween": 20
  },
  // when window width is >= 320px
  "320": {
    "slidesPerView": 1,
    "spaceBetween": 20
  },
  // when window width is >= 768px
  "768": {
    "slidesPerView": 2,
    "spaceBetween": 20
  },
  // when window width is >= 992px
  "992": {
    "slidesPerView": 3,
    "spaceBetween": 20
  },
  // when window width is >= 1200px
  "1200": {
    "slidesPerView": 4,
    "spaceBetween": 20
  }
}
```