Frontend Mentor | Stats preview card component

Community feedback

• 

  Harshita Jain•380

  @Harshi786Posted over 2 years ago

  Hey!

  Congrats on completing the challenge.

  Here are few more tips from my side.

  • Try using em/rem value units instead of pixels. Avoid using fixed values for image div.

  • You can work more on image by adding mix-blend-mode CSS property.

  .container .photo img{
      width: 100%;
      height: 100%;
      mix-blend-mode: multiply;
      opacity: 0.75;
  }
  

  Hope this helps :)

  0

  ---

  

  MioMauro•400

  @MioMauroPosted over 2 years ago

  @Harshi786 Thank you very much. I have to learn how to use rem and em...I am going to search for the tables with proportions ;). Thanks also for mix-blend-mode: multiply; I didn't know the command! much better :D

  0

  

  Harshita Jain•380

  @Harshi786Posted over 2 years ago

  @MioMauro If it really helped you then please mark it helpful.

  Marked as helpful

  0

  

  MioMauro•400

  @MioMauroPosted over 2 years ago

  @Harshi786 super helpful! next works only with rem and vh/vw. Then I also try to learn media queires...

  0