フリーランスの忘備録

@media screen and (min-width: 801px){
  /* swiperが動いてないとき */
  #swiper-outer.noSwiper .swiper-wrapper {
    display: flex;
    justify-content: center;
  }
  #swiper-outer.noSwiper .swiper-slide{
    flex: 0 0 32%;
    max-width: 32%;
    margin-right: 2%;
  }
  #swiper-outer.noSwiper .swiper-slide:last-child{
    margin-right: 0;
  }

  /* swiperが動いているとき */
  #swiper-outer.hasSwiper .swiper-slide{
    width: 320px;
  }
}

@media screen and (max-width: 800px) {
  #swiper-outer .swiper-slide {
    width: 320px;
  }
}