Stats Preview Card Component

Community feedback

• 

  darryncodes•6,370

  @darryncodesPosted almost 3 years ago

  Hi Lucas,

  Great design, you've nailed the responsive design.

  • you could try adding a solid linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath); this will help achieve a closer match to the purple in the design, rather than the overlay approach
  • you also need to explore background-blend-mode. (multiply usually does the trick)

  Hope that helps

  Marked as helpful

  1

  ---

  

  Lucas TAMAYA•80

  @LucasTamayaPosted almost 3 years ago

  @darryncodes, thank's for your answer, it helps me a lot ! I'm going to study the background-blend-mode because I didn't know this technique at all.

  0