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

Altura do .swiper-wrapper

.carrosel {

}

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

.swiper-pagination {
  position: initial;
  padding: 0.75em 0;
}

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

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

.card__descricao {
  display: flex;
}

não sei onde estou errando, mas a altura dessa classe acaba tomando toda a página. pode ser algum erro de carregamento?

1 resposta
solução!

Oi Mateus, tudo bem?

Vendo somente por essa parte do seu código, o valor da margin está errado. Corrige para:


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

Você pode comparar o seu código CSScom o da aula, aqui no repositório da aula.

E o HTML também.

Um abraço e bons estudos.