Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
👾 Fala Bruno, beleza? Parabéns pelo seu desafio!
🕵️Dei uma olhada aqui e vi umas coisas que você pode melhorar:
Pra não deixar container crescer muito, você pode usar
max-width: 900px
que é o tamanho real do componente, note que se você usarwidth
o container não varia o tamanho, então evite usar a menos que você queira que o elemento não seja responsivo..container { max-width: 900px; display: flex; align-items: center; justify-content: center; }
E pra colocar o efeito na imagem, do jeito correto, você poderia usar
mix-blend-mode: multiply
no seletor da imagem e colocar opacidade 70% pra fazer a foto mesclar com o fundo roxo.Vê ai se funciona e continue no foco!
Marked as helpful1
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