Stats Preview Card Component

Community feedback

• 

  Marcio Lourenço•40

  @marciolourensPosted about 3 years ago

  Hello. You can use the srcset Attribute property in HTML. <picture> <source media="(min-width:650px)" srcset="img_pink_flowers.jpg"> <source media="(min-width:465px)" srcset="img_white_flower.jpg"> <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;"> </picture>

  reference: https://www.w3schools.com/tags/att_source_srcset.asp

  Marked as helpful

  1

  ---

  

  Sabil272•50

  @zylcomPosted about 3 years ago

  @marciolourens Thank you for the information

  0
• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted about 3 years ago

  Check this article on blend modes in regards to the overlay question. There is mix-blend-mode applied to the img element or background-blend-mode for background images. exploring Blend modes

  Marked as helpful

  1

  ---

  

  Sabil272•50

  @zylcomPosted about 3 years ago

  @ChamuMutezva Thank you, the article is very helpful

  0
• 

  Soumya Banerjee•425

  @soumya495Posted about 3 years ago

  Instead of using the img tag you could have used the background-image property of css and then use background-color and background-blend-mode to change the image color. Using the background-image property is also helpful when you want to switch between different images in different screen sizes. Good Work here !!

  Marked as helpful

  1

  ---

  

  Sabil272•50

  @zylcomPosted about 3 years ago

  @soumya495 Thank you, Sir, it's work

  0