Olá, Dernival! Tudo bem?

Entendo que você está enfrentando dificuldades com a implementação dos carrosséis em seu código. É normal encontrar desafios durante o desenvolvimento, e é ótimo que você esteja buscando ajuda para superá-los.

Para ajudar a resolver essa situação, aqui estão algumas sugestões que podem ser úteis:

• Verificação de Erros: Primeiro, verifique se não há erros de digitação ou sintaxe no seu código. Um erro pequeno pode causar grandes problemas.

• Revisar o Código: Compare seu código atual com o código fornecido pela instrutora. Garanta que você seguiu os passos e estrutura corretamente.

• Depuração Passo a Passo: Selecione partes específicas do código e teste uma a uma. Isso pode ajudar a identificar em qual ponto o problema está ocorrendo.

• Revisite as Instruções: Às vezes, um detalhe pequeno pode ser a causa do problema. Revise as instruções da aula mais uma vez para garantir que você não tenha perdido nenhum passo importante.

Lembre-se de que todos os desenvolvedores enfrentam desafios em algum momento, e a persistência é fundamental para superá-los. Continue tentando e buscando soluções, e você eventualmente encontrará a resposta.

Caso contine com dúvidas, pode compartilhar o código aqui, ou então o link do seu repositório. Assim, consigo te ajudar de forma mais detalhada e assertiva!

Abraços e bons estudos!

Ola Maria Eduarda! eu já revisei e refiz praticamente toda a aula no passo a passo e não consegui achar o problema,mas de qualquer forma irei tentando até achar a solução.

Obrigado pela ajuda!!

Este é o código html

Novo Lançamentos

    <!-- If we need navigation buttons -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

    <!-- If we need scrollbar -->
    <div class="swiper-scrollbar"></div>
  </div><!-- Slider main container -->
<div class="swiper">
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>

<div class="card">
    <div class="card__descricao">
        <div class="descricao">
            <h3 class="descricao__titulo">Talvez você também se interesse por...</h3>
            <h2 class="descricao__titulo-livro">Angular 11 e Firebase</h2>
            <p class="descricao__texto">Construindo uma aplicação integrada com a plataforma do Google.</p>
        </div>
        <img src="img/Angular.svg" alt="Imagem do angular" class="descricao__imagem">
    </div>

    <div class="card__botao">
        <ul class="botoes">
            <li class="botoes__item"><img src="img/Favoritos.svg" alt="Favoritar livros"></li>
            <li class="botoes__item"><img src="img/Compras.svg" alt="Adicionar no carrinhos de compras"></li>
        </ul>

        <a href="#" class="botao__ancora">Saiba mais</a>
    </div>
</div>

<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>

<script>
    const Swiper = new Swiper('.swiper', {
  spaceBetween: 10,
  slidesPerView: 3,
  pagination: {
    el: '.swiper-pagination',
    type: 'bullets',
  },
});
</script>

</body>

CSS .carrossel__titulo{ color: var(--laranja); background-color: var(--branco); text-align: center; text-transform: uppercase; font-size: 18px; font-weight: 700; padding: 1em 0 0.5em 0; }

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

.swiper-button-prev, .swiper-button-next{ display: none; }

.swiper-pagination{ position: initial; margin: 0.5em 0;

}

.card__descricao{ display:flex; justify-content: space-between; margin: 0.5em; }

.card__botao{ display: flex; justify-content: space-between; }

.botoes{ display: flex; }

.card{ background: var(--branco); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; margin: 1em; padding: 1em; }

.descricao__titulo{ color: var(--laranja); font-weight: 700; }

.botoes__item{ margin: 0 0.5em; }

.botao__ancora{ background-color: var(--laranja); padding: 1em 2.2em; color: var(--branco); font-weight: 700; text-decoration: none; }

.descricao__titulo-livro{ color: var(--azul); font-size: 18px; font-weight: 700; margin: 0.5em 0; }

.descricao__texto{ font-size: 14px; }

Oi Dernival, tudo bem?

Sinto muito que não está conseguindo.

Para resolver isso, você deve:

• Biblioteca Swiper: Verifique se a biblioteca Swiper está sendo incluída corretamente em <head>.

• Classes CSS: Certifique-se de aplicar as classes CSS corretas nos elementos dos carrosséis.

• Caminhos das Imagens: Confirme que os caminhos das imagens estão corretos nas tags <img>.

• Detalhes de Formatação: Revise nomes de variáveis, classes CSS e detalhes de formatação.

• Console do Navegador: Verifique o console do navegador (F12 > "Console") para mensagens de erro.

Espero que isso ajude, se tiver dúvidas, fico à disposição.

Abraços e bons estudos!

olá Maria Eduarda Gonçalves Furlan ! eu consegui colocar o primeiro carrossel para funcionar, mas o segundo ainda está dando problemas, mesmo sendo uma cópia do primeiro. mas irei continuar procurando o problema até conseguir achar, de qualquer forma obrigado pela ajuda!!