Bom dia, Estou com dificuldade para fazer o espaçamento do carrossel como pede no projeto, poderiam me ajudar ?
Segue meu repositório: https://github.com/marianayaqi/alura-books
Bom dia, Estou com dificuldade para fazer o espaçamento do carrossel como pede no projeto, poderiam me ajudar ?
Segue meu repositório: https://github.com/marianayaqi/alura-books
Olá, Mariana! Como vai?
Para obter o mesmo resultado do projeto do curso, você deve adicionar o código referente a tela de 1728 pixels no arquivo carrossel.css. Veja:
@media screen and (min-width: 1728px) {
.carrossel__container {
display: flex;
margin: 0 20vw 3em 20vw;
align-items: center;
}
.swiper-pagination {
margin: 1em 0;
}
.swiper {
width: 50%;
}
.descrição__titulo {
font-size: 32px;
}
.descrição__texto {
font-size: 16px;
}
.descrição {
margin-right: 2em;
}
.card {
width: 60%;
margin-left: 3em;
}
}
Você pode encontrar o código completo do curso aqui!
Espero ter ajudado. Fico à disposição!
Abraço!