1
resposta

Desafio concluído

Insira aqui a descrição dessa imagem para ajudar na acessibilidade a

1 resposta

Oi, Raynara! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei de ver que você concluiu o desafio de reutilizar o código. Isso mostra atenção aos detalhes e uma ótima prática de reaproveitamento.

Ícone de sugestão Para saber mais:

A título de curiosidade, o SwiperJS não serve apenas para criar carrosséis de imagens. Ele também pode ser usado para construir sliders de conteúdo, como depoimentos, tutoriais passo a passo e até apresentações com efeitos animados. A biblioteca é altamente personalizável e conta com diversos modules que você pode ativar conforme a necessidade:

  • Navigation: permite adicionar botões de navegação (próximo e anterior)
  • Pagination: cria indicadores visuais para os slides
  • Autoplay: faz os slides avançarem automaticamente

E, quando trabalhamos com mobile-first, é comum combinarmos o Swiper com boas práticas de responsividade usando media queries, e aproveitar unidades como vw e vh para criar layouts que se adaptam bem a diferentes tamanhos de tela.

Para explorar mais recursos e exemplos do Swiper, você pode acessar a página de demonstrações e ver variações prontas.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!