Na parte de baixo do Card a sombra esta meio cortada
.card{
border-radius: 0.625rem;
background: var(--branco);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
margin: 1em;
padding: 1em;
}
Como posso resolver?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Na parte de baixo do Card a sombra esta meio cortada
.card{
border-radius: 0.625rem;
background: var(--branco);
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
margin: 1em;
padding: 1em;
}
Como posso resolver?
Oi Pedro, tudo bem?
Tem algumas diferenças do seu código para o da aula, aqui está o código do card de acordo com a aula:
.card {
background: var(--branco);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
margin: 1em;
padding: 1em;
}
Veja como fica aqui:
Vou colocar aqui o código todo do carrossel.css para que você compare com o seu:
.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: .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 0px 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.2em;
color: var(--branco);
font-weight: 700;
text-decoration: none;
}
Um abraço e bons estudos.
Deixei o código igual e não resolveu :/