Meet Landing Page GRID + FLEX

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Oi de novo Paula, tudo bem? Parabéns pelo desafio!

  Pra fazer o blend da cor do bg e da foto é melhor usar opacity: 30%; pra deixar menos escuro a relação foto/bg. Nesse desafio eu usei um pseudo-element pra colocar esse background, mas se eu fosse fazer esse desafio hj eu usaria <footer> e colocaria dentro sua classe que tem os dados do footer e como background do footer eu colocaria a imagem com display: block e max-width: 100% pra deixar o footer responsivo e inseriria a imagem com background-image: url () e pra fazer mudar de uma imagem do footer pra outra eu faria com uma media query ao invés de usar a tag picture.

  @media (min-width: 1440px)
  .download-image img {
      width: 100%;
      height: 308px;
      mix-blend-mode: multiply;
      object-fit: cover;
      opacity: 30%;
      object-position: 0 -150px;
  }
  

  Aqui minha solução caso vc queira ver o footer: https://www.frontendmentor.io/solutions/meet-landing-page-vanilla-css-logo-animation-easter-eggs-f0N4MR9dc9

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  1