Responsive page css grid and flexbox.

Community feedback

• 

  Hamza-Noah•300

  @Hamza-NoahPosted over 2 years ago

  Hey

  try to increase the width of the card to make it identical to the design

  increase the horizontal and vertical padding for the info

  for the feature below make the text uppercase

  and use the right color to overlay on the image

  this will make your solution more appropriate to the design

  hope this will help

  Marked as helpful

  0

  ---

  

  felipe fama•210

  @FelipeFamaPosted over 2 years ago

  @Hamza-Noah Thank you for the tip.

  0

  

  felipe fama•210

  @FelipeFamaPosted over 2 years ago

  @Hamza-Noah Thank you for the tips.

  0

  

  Hamza-Noah•300

  @Hamza-NoahPosted over 2 years ago

  @FelipeFama no problem can you please mark my solution as helpful ?

  Marked as helpful

  0
• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Fala Felipe, tudo bem? Parabéns pelo seu primeiro desafio e seja bem vinda a comunidade do Frontend Mentor!

  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!

  0