@media screen and (min-width: 1024px) {
.carrossel__titulo {
font-size: 26px;
}
.swiper-pagination {
margin: 2em 0 3em 0;
}
.swiper {
width: 60%;
}
.swiper-button-prev,
.swiper-button-next {
display: block;
top: 60;
}
.card {
width: 50;
margin: 2em auto;
}
}
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta
resposta
[Bug] o meu carrosel ele não se altera mesmo eu adicionando o media screen ele não muda nada na tela
solução!
Oi, Samuel, tudo bem?
O problema está na propriedade width da classe .card . O valor dessa propriedade foi definido como 50, sem usar nenhum tipo de medida, e por conta disso, a alteração não foi aplicada. Uma possível solução seria adicionar um dos tipos de medida. No código da instrutoraisntrutora ela utiliza a porcentagem, portanto, o seu código poderia ser assim:
.card {
width: 50%;
margin: 2em auto;
}
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!