All comments

• 

  Gergana Vladimirova•40

  @GerganaVVladimirovaSubmitted over 2 years ago

  Using css -grid system. Not sure about the color of the pic , pls help what is the correct way to make it purple ?

  

  Stats preview card component

  2

  30
  

  Ismail•40

  @ismo1184Posted over 2 years ago

  Also, you set the breakpoint way too late. It should be set way ealier at like 1042px. Aside from that, it looks good.

  0

  This comment has received 1 replyShow
• 

  Gergana Vladimirova•40

  @GerganaVVladimirovaSubmitted over 2 years ago

  Using css -grid system. Not sure about the color of the pic , pls help what is the correct way to make it purple ?

  

  Stats preview card component

  2

  30
  

  Ismail•40

  @ismo1184Posted over 2 years ago

  Working on the same project currently. I think you need to set the image as a background image for the div and also set the background color. After that, you need to use background-blend-mode in order to blend the two. The following worked for me and made the image purple:

  .promoPic { width: 50%; background-color: hsl(277, 64%, 61%); background-image: url("images/image-header-desktop.jpg"); background-size: cover; background-blend-mode: multiply; background-repeat: no-repeat;

  0
• 

  Ujwal Vinay•150

  @ujwalvinaySubmitted over 2 years ago

  

  Single price grid component

  2

  10
  

  Ismail•40

  @ismo1184Posted over 2 years ago

  As Kamash-Dickson said, you need to make it responsive. You'll learn how to do that when you learn how to do Media Queries. You also need to add a hover effect on the button. Other than that it looks great!

  Marked as helpful

  0