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
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!
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!