2
respostas

Disposição de slides - 1/2 - 1 - 1/2

No figma os livros estão dispostos "meio livro, um livro, meio livro". tentei replicar e fiz o código abaixo. Não consegui mudar a largura da div swiper-slide de jeito nenhum T.T

Dentro da const swiper:

      spaceBetween: 0,
      slidesPerView: 2,

No css:

.swiper-wrapper{
   margin-left: -25%;
}

.swiper-slide > img{
   width: 42vw;
}

Espero que ajude. Qualquer coisa falem comigo. Abraços!

2 respostas

Oi Caio, tudo bem?

Muito obrigada por postar essa sugestão aqui! Com certeza outras pessoas estudantes vão usar de exemplo :D

Parabéns pela atitude de compartilhar conhecimento, isso que faz do fórum esse lugar super legal de troca de conhecimento.

Um abraço e bons estudos.

No meu eu resolvi isso colocando slidesPerView: 2.5 no const swiper. Aí aparece 2 slides e meio.