Responsive state preview card component

Community feedback

• 

  Coding Nerd•370

  @onyedikachi23Posted about 1 year ago

  I see your issue is probably with blending the image to with the violet colour.

  • To do this, put the image in a container and make the image fill the container entirely without distorting (stretching) its look.
  • Add the violet colour as the background colour for the container.
  • Then use mix-blend-mode: multiply; or mix-blend-mode: lighten; on the image to make it blend with the violet colour.

  You can read more about the mix-blend-mode CSS property here - mix-blend-mode - MDN DOCS.

  Marked as helpful

  1

  ---

  

  Ionut Oltean•440

  @replayzorPosted about 1 year ago

  Thank you I will try it @OnyedikachiOzoani

  0

  

  Coding Nerd•370

  @onyedikachi23Posted about 1 year ago

  @replayzor I'm always available to help because it also helps my learning.

  1

  

  Ionut Oltean•440

  @replayzorPosted about 1 year ago

  Done it worked thank you :)@OnyedikachiOzoani

  0

  

  Coding Nerd•370

  @onyedikachi23Posted about 1 year ago

  @replayzor So next thing to do is go update the code in your GitHub repo and also in your live site. Then come over to this Solution on Frontend Mentor and generate a new screenshot to make the design comparison look much better.

  Marked as helpful

  1

  

  Ionut Oltean•440

  @replayzorPosted about 1 year ago

  I updated on github , oh did not know that I need to take another screenshot . Thank you mate @OnyedikachiOzoani

  1