HTML e CSS

Community feedback

• 

  Lucas 👾•104,340

  @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 helpful

  1

  ---

  

  Bruno L L Oliveira•180

  @BrunoleonardoDevPosted over 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

  

  Lucas 👾•104,340

  @correlucasPosted over 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

  

  Bruno L L Oliveira•180

  @BrunoleonardoDevPosted over 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