A professora montou o card porém há uma diferença entre o que foi montado na aula e o projeto no figma.
Temos um overlay no background para destacar a parte escrita do card. Portanto, quero deixar uma sugestão de como eu fiz:
.card.japao {
background:
linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
url('../img/card-japao-mobile.jpg') center / cover no-repeat;
}
Depois é só replicar nas demais classes.
=]
Oi Bruno! Tudo bem?
Obrigada por compartilhar sua sugestão de adicionar um overlay nos backgrounds dos cards. A técnica que você usou com linear-gradient é uma solução muito eficaz para destacar o texto sobre imagens de fundo, especialmente quando queremos garantir que a legibilidade seja mantida independentemente da imagem usada.
Parabéns pela ótima iniciativa de ajudar outros estudantes :)
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!