Design comparison
Community feedback
- @correlucasPosted about 2 years ago
👾Oi de novo Bruno , tudo bem? Parabéns pelo desafio!
Aqui mais uma dica pra vc:
O tamanho do container está um pouco fora do design, o tamanho exato pra esse container é
max-width: 1110px
que é um tamanho padrão de container usado aqui.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@BrunoeSousaAlencarPosted about 2 years ago@correlucas, muito obrigado Lucas por ter olhado meu código, ajudou muito.
1@correlucasPosted about 2 years ago@BrunoeSousaAlencar Boa, depois me conta se funcionou!
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