Stats Preview Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Oi Ághata, tudo bem? Parabéns pelo desafio!

  Acabei de ver sua solução e tenho umas dicas pra melhorar seu código/design:

  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 ou mix-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!

  Marked as helpful

  1

  ---

  

  Ághata Almeida•50

  @a-almeida10Posted about 2 years ago

  @correlucas Muito obrigada, Lucas! Ajudou muito, principalmente a questão do tamanho do container, que sempre fico na dúvida na hora de definir.

  0