# Responsive (Swiper slide)

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

This option appears in most sections that contain sliders.

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MLRmy8onTdnQm07PCM_%2F-MLRqVRCerAs79GZFpGM%2FScreenshot_28.jpg?alt=media\&token=5b076cd6-e782-477b-807a-2a7d11e0903f)

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