Solucionado
@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;
}
}
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!