Design comparison
Community feedback
- @Hamza-NoahPosted over 2 years ago
Hey
try to increase the width of the card to make it identical to the design
increase the horizontal and vertical padding for the info
for the feature below make the text uppercase
and use the right color to overlay on the image
this will make your solution more appropriate to the design
hope this will help
Marked as helpful0@Hamza-NoahPosted over 2 years ago@FelipeFama no problem can you please mark my solution as helpful ?
Marked as helpful0 - @correlucasPosted about 2 years ago
👾Fala Felipe, tudo bem? Parabéns pelo seu primeiro desafio e seja bem vinda a comunidade do Frontend Mentor!
Para adicionar exatamente o mesmo efeito de sobreposição roxo para a imagem, combinando os arquivos de design que você pode usar,
filter
,background-blend-mode
oumix-blend-mode: multiply;
(a melhor escolha na minha opinião). Veja o código abaixo ```img { mix-blend-mode: multiply; opacity: 0.8;}
Aqui a documentação explicando esse efeito mix-blend-mode:
https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
👋 Espero ter ajudado e continue no foco!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord