Gostaria de saber por que meu segundo carrocel nao funciona
Mais vendidos
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"><img src="img/ApacheKafka.svg"
alt="Livro sobre apache kafka e spring boot da alura books"></div>
<div class="swiper-slide"><img src="img/Liderança.svg"
alt="Livro sobre liderançmg/Guia Front-end.svg" alt="Livro Guia front end"></div>
<div class="swiper-slide"><img src="img/a em design da alura books"></div>
<div class="swiper-slide"><img src="img/Javascript.svg"
alt="Livro sobre javascript assertivo da alurabooks"></div>
<div class="swiper-slide"><img src="iPortugol.svg" alt="Livro sobre portugol"></div>
<div class="swiper-slide"><img src="img/Acessibilidade.svg" alt="livro sobre acessibilidade"></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
Autora do Mês
Juliana Agarikov
Analista de sistemas e escritora, Juliana é especialista em Front-End.
Carrossel.css
.carrossel__titulo{ color: var(--laranja); background-color: var(--branco); text-align: center; 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__descrição{ display: flex; justify-content: space-between; margin-bottom: 0.5em;
}
.card__botões{ display: flex; justify-content: space-between; } .botões{ display: flex ; }
.card { background: var(--branco); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; margin: 1em; padding: 1em; }
.descrição__titulo{ color: var(--laranja); font-weight: 700; }
.descrição__titulo__livro{ color: var(--azul); font-size: 18px; font-weight: 700; margin: 0.5em 0; }
.descrição__texto{ font-size: 14px; }
.botões__item { margin: 0 0.5em; }
.botões__ancora{ background-color: var(--laranja); padding: 1em 2.6em; color: var(--branco); font-weight: 700; text-decoration: none; }