Responsive Landing page using flex and media queries

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  👾Fala Victor, beleza? Parabéns pelo novo desafio!

  Sua solução ficou muito boa, minha dica pra você é em relação a foto, o jeito mais fácil de fazer a troca da versão mobile pra desktop seria usando a tag <picture> pra segurar as duas fotos lá dentro e definir no html quando uma deve trocar pela outra.

  Se você quiser fazer o mesmo efeito de cor do desafio, mas usar esse código no CSS:

  img {
  mix-blend-mode: multiply;
  opacity: 0.8;}
  

  Espero ter ajudado e foco nos projetos!

  Marked as helpful

  0

  ---

  

  Victor H P Sá•130

  @victorspootPosted over 2 years ago

  @correlucas Fala Lucas, segui as sugestões que você me deu, ficou melhor e mais fiel ao projeto proposto obrigado. Só uma pergunta, quanto a mascara que coloquei na imagem, tinha alguma maneira mais prática ou que seria mais certo?

  0

  

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  @victorspoot Cara eu desliguei todas as layers com essa mascara aqui, e acho que nem precisava dessa div, da pra ter feito só usando o código no img direto. Acho que se voce manter só a tag picture funciona do mesmo jeito, alem de ficar mais limpo.

  0