Stats preview card component solution using Flexbox

Community feedback

• 

  Adán Estévez•320

  @rafdidactPosted almost 2 years ago

  Hey, Leonardo! I did the same as @chicaboom-73 for the overlay, you should check that documentation out.

  I see you're almost there, but I got a suggestion that would make your code even better:

  • There's no need for two source elements inside of your picture element. You can just add the source of the image of the first layout your working on to the img element, and then add the remaining one in a source element to display only if it meets the condition you declare.

  You can check my solution for reference. Hope it helps.

  Marked as helpful

  1

  ---

  

  Leonardo Henrique•130

  @henrikkudesuPosted almost 2 years ago

  @rafdidact Thank you very much! I didn't noticed that i had duplicated the same tag. I fixed it.

  1
• 

  chicaboom-73•50

  @chicaboom-73Posted almost 2 years ago

  Hi Leonardo

  I'm new to this also - but when I did this challenge I set the background of the image div to the light purple colour and then used mix-blend-mode:multiply; in CSS to get the tint in the image. Here is a resource for you explaining mix-blend for you. https://www.w3schools.com/cssref/pr_mix-blend-mode.php

  Marked as helpful

  1

  ---

  

  Leonardo Henrique•130

  @henrikkudesuPosted almost 2 years ago

  @chicaboom-73 Wow! Thank you very much, man. It worked! You can take a look and see how it is now. Thank you so much!

  0

  

  chicaboom-73•50

  @chicaboom-73Posted almost 2 years ago

  @henrikkudesu yeah thats great!

  0