Stats preview card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Treasure, congratulations for your new solution!

  I've two tips for you:

  1.Use the tag picture to wrap both mobile and desktop images together in the same tag, and render each image depending of the device (phone / computer) by the settings for the width you'll insert in the html

  If you're not familiar with the picture tag you can look at the documentation to see how to set it: https://www.w3schools.com/tags/tag_picture.asp.

  2.To have the same color for the challenge overlay effect use mix-blend-mode. See the code below:

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

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0
• 

  Mahdi Rezaei•500

  @MahdiSohailyPosted over 2 years ago

  Hello dear, you have done a great job, but it looks like your solution image is not looking the exact same as the challenge. for this, you need to give a pink background to the container of the image and apply the following style to your image.

  mix-blend-mode: multiply;
    opacity: 0.8;
  

  if it was helpful, mark my comment as helpful.

  Marked as helpful

  0