Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Editando dimensões do swiper

Olá, tubo bem? Talvez a professora ainda vá chegar nesse assunto, mas estou praticando usar esses sliders e quero diminuir o tamanho, pois na versão desktop minhas imagens do slider ficam gigantes.

<div class="swiper-wrapper">
                <!-- Slides -->
                <div class="swiper-slide"><img src="img/ApacheKafka.svg" alt="Livro sobre ApacheKafka"></div>
                <div class="swiper-slide"><img src="img/Liderança.svg" alt="Livro sobre Liderança"></div>
                <div class="swiper-slide"><img src="img/Javascript.svg" alt="Livro sobre Java Script Assertivo"></div>
                <div class="swiper-slide"><img src="img/Guia-Front-end.svg" alt="Livro Guia-Front-end"></div>
                <div class="swiper-slide"><img src="img/Portugol.svg" alt="Livro sobre Portugol"></div>
                <div class="swiper-slide"><img src="img/Acessibilidade.svg" alt="Livro sobre Acessibilidade web"></div>
                ...
            </div>
1 resposta
solução!

Oi, Jeferson, tudo bem?

Uma opção para reduzir o tamanho das imagens seria usar alterar a propriedade width das imagens no arquivo "carrossel.css" da seguinte maneira:

.swiper-slide img {
    width: 100%;
}

Caso ainda tenha problemas com o tamanho da imagem. Peço que você compartilhe mais informações para entender sua dúvida.Siga as orientações do guia de como fazer uma boa pergunta no fórum e me retorne com mais informações do problema.

Espero que dê tudo certo! Abraços.