Design comparison
Community feedback
- @correlucasPosted over 2 years ago
👾Fala Bruno, beleza? Parabéns pela sua solução.
Sua solução ficou bem boa, acho que você acertou todos os elementos. Tem só um errinho porque o efeito de overlay tem uma pequena borda na parte inferior. Eu tentei olhar todo seu código pra ver o que estava causando isso, mas o código está um pouco longo. Acho que o melhor jeito de você resolver isso é dando uma limpada no código e deixando ele mais
clean
. Por exemplo, tem várias divs que poderiam ser removidas já que a maioria das coisas vai ser segurada pelo main e só algumas partes necessitam de uma div pra segurar (tipo a section do preço).Pra resolver essa coisa do overlay, meu conselho é você deixa os dois elementos na mesma div (img + overlay) e remover todas outras desnecessárias.
Espero ter ajudado em algo e continue no foco!
Marked as helpful1@BrunoleonardoDevPosted about 2 years ago@correlucas Olá, Lucas! Obrigado pelo comentário. Eu senti que o CSS ficou muito extenso, minha maior dificuldade foi a overlay, ainda tenho um pouco de dificuldade com posicionamentos de elementos. Farei uma nova revisão no HTML e no CSS para deixar mais clean. Obrigado mais uma vez pela sua atenção e dicas!
0@correlucasPosted about 2 years ago@BrunoleonardoDev também tive a mesma dificuldade com esse overlay, tive que olhar um tutorial no youtube desse desafio pra conseguir aplicá-lo 😂
0@BrunoleonardoDevPosted about 2 years ago@correlucas Sim! Tentei ao máximo para não ter que recorrer a tutoriais no YouTube mas não teve jeito 😅
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