Stats preview card component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

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

  Acabei de olhar o site da sua solução e seu código e tenho umas dicas pra você!

  1.Pro seu background mostrar 100% da tela, é melhor você colocar ele no body não no container.

  2.Ao invés de colocar a imagem do card pelo css, tenta usar <img> ou ainda melhor <picture> porque desse jeito você já coloca as duas dentro dessa tag e define quando uma será trocada pela outra tudo dentro do html, se você puxar a imagem pelo CSS não é uma boa prática por causa do SEO.

  3.Pra colocar o efeito exato na image, o melhor jeito é puxar a imagem pelo <img> no html e aplicar o efeito com o código abaixo:

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

  Espero ter ajudado e continue no foco!

  Marked as helpful

  1