Stats preview component solution

Community feedback

• 

  Ediongsenyene Joseph I.•1,675

  @IEdiongPosted over 3 years ago

  Nice job!

  Almost pixel perfect. You could look into the following;

  • changing the img width at lower screen sizes in order to avoid the distortion of the image. Use

  @media (max-width: 640px)
  .img {
      max-width: 100%;
  }
  

  instead of .img {width: 100%}

  • You could also look into the accessibility issues raised in the report.

  I hope this was helpful, Cheers 🥂

  0

  ---

  

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  Thank you @IEdiong

  0
• 

  Israel Adefidipe•360

  @iadefidipePosted over 3 years ago

  Great job, your implementation is almost pixel perfect. The platform flagged some accessibility issues, you should check that out. cheers

  0

  ---

  

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  The accessibility issues have been addressed. Thanks!

  0
• 

  Tom Peirs•40

  @peirstomPosted over 3 years ago

  Nice!! I also just finished this code challenge. I could not really figure out how to style that image like you did. Thank you! (I took a look at your code and learned I have to use the mix-blend-mode)

  0

  ---

  

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  The image overlay was a tricky one. After several unsuccessful attempts, I also took a look at someone's code to figure out how it had been implemented.

  2

  

  Denis Pankov•25

  @idenispankovPosted over 3 years ago

  @dewslyse Good job, I have just downloaded an image from figma and it was already blended, lol )))

  0

  

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  @idenispankov perks of having a pro account 😆

  1
• 

  Abdelkader Abbes•80

  @AbdelkaderAbbesPosted over 3 years ago

  Great Job!

  0

  ---

  

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  @AbdelkaderAbbes Thank you!

  0