Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Dúvida] O que esta errado no meu codigo?

4 respostas

Ola Pedro!

Provavelmente o erro esta no display flex e no padding. Se suas classes estiverem com o mesmo nome apresentado nas aulas, tente adicionar no seu carrossel.css o trecho abaixo:

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

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

.botoes{
    display: flex;
}

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

No Carrossel as setas só ficam no primeiro setor, quando eu arrasto pro lado a seta fica grudada em um dos livros

Dentro do Card os itens não estão diminuindo corretamente quando uso o width:40%

O que esta errado no código?

No caso das setas basta removelas no carrossel.css:

.swiper-button-prev::after,
.swiper-button-next::after{
    display: none;   
}
solução!

Resolvi o Card, A </div> do Swiper estava no lugar errado