Stats Preview Card using HTML and CSS

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Oi Nathan Andrade, tudo bem? Parabéns pela sua nova solução!

  Duas dicas pra melhorar sua solução:

  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;}
  

  👋 Espero que essas dicas te ajudem e que você continue no foco!

  0