Stats Preview Card Component with HTML and CSS (Flex-box, @media)

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  iMAGE BLEND 📸:

  • The header image is not properly blended with the primary color of this website

  ---

  • Just quickly resolve it by adding mix-blend-mode property to the image and add the violet color as the background for the image container

  ---

  • Example:

  main .right img {
  mix-blend-mode: multiply;
  opacity: .75;
  }
  

  ---

  • Now you got the desired result where the image is perfectly blended with the background violet, and the result will accurately match the design image .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  Marked as helpful

  1

  ---

  

  Alexsander•220

  @AlexsanderCostaDEVPosted over 1 year ago

  @0xAbdulKhalid Thank you very much, I tested it here and it really got much better. I didn't know about this functionality.

  0