Frontend Mentor - Stats preview card component

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  For the color of the image, give .main-img a background-color of soft violet and add mix-blend-mode: multiply; object-fit: cover and opacity 0.8 to the img

  .main-img{
  background-color: hsl();
  }
  img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
  opacity: 0.8;
  }
  

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  0

  ---

  

  Amr_Hesham•160

  @amooriheshamPosted almost 2 years ago

  @Hassiai

  So doing it that way instead using pseudo element am i get you well? Thanks for your comment

  0
• 

  Kevin Koziol•390

  @LozzekPosted almost 2 years ago

  Nice job completing the project. I just had a question for you, did you start with the mobile version or desktop version I just want to know what you start with and if it made the media queries easier because of what you started with.

  0

  ---

  

  Amr_Hesham•160

  @amooriheshamPosted almost 2 years ago

  @Lozzek

  Hello my friend, i started with desktop version, but if you ask about my opinion i will recommend to start with mobile version cause when you move from mobile to desktop things you have to edit become less and as a tip i hear it from a youtube video desktop design not that much a thing compare to mobile design to invest time to make it on mobile That's it .

  0