Olá Rebeca, como vai?
Ao analisar o código que você enviou, percebo que o problema com o tamanho da imagem pode estar relacionado à propriedade slidesPerView. Essa opção costuma ser utilizada em bibliotecas como o Swiper.js para controlar a quantidade de slides exibidos em um carrossel.
Atualmente, a configuração slidesPerView está definida como 2 em seu código, o que pode dar a impressão de que a imagem não se ajusta ao tamanho adequado. No entanto, essa sensação ocorre porque estão sendo apresentados 2 slides por visualização. Para corrigir isso e tornar as imagens semelhantes às mostradas na aula, sugiro ajustar o código para:
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script>
const swiper = new Swiper('.swiper', {
spaceBetween: 10,
slidesPerView: 3, // Alterando para 3 slides por vez
pagination: {
el: '.swiper-pagination',
type: 'bullets',
},
});
</script>
Com essa alteração, três slides serão exibidos simultaneamente, e as imagens devem se ajustar ao tamanho corretamente, conforme visto na aula.
Espero ter conseguido ajudar, fico a disposição.
Caso este post tenha lhe
ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
