> For the complete documentation index, see [llms.txt](https://kitisummus.gitbook.io/molla/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/molla/things-to-know/responsive-swiper-slide.md).

# Responsive (Swiper slide)

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

This option appears in most sections that contain sliders.

![](/files/-MLRqVRCerAs79GZFpGM)

```
{
  // 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
  }
}
```

## **slidesPerView**

Number of slides per view (slides visible at the same time on slider's container).

## spaceBetween

Distance between slides in px.