Stats preview card component

Community feedback

• 

  Joseph•770

  @Jos02378Posted about 3 years ago

  hey @yasser22269, great job on this solution!

  Some suggestions for you:

  1. You can add a border-radius for your card to look similar to the design.
  2. You can use object-fit: cover; to prevent the image from being squeezed and use object-position to position the image.
  3. You can add another overlay for the image and use mix-blend-mode: multiply; to achieve a similar overlay for the image.
  4. You can try to follow a CSS naming convention called BEM. You can watch this video for more information Watch the video.
  5. You can try to use relative units like rem and em in the future. Here is a link to an article that explains when to use which unit read the article.

  I hope this helps, good luck!

  0

  ---

  

  yasser Abd Elghany•165

  @yasser22269Posted about 3 years ago

  @Jos02378 Thank you so much

  0

  

  Joseph•770

  @Jos02378Posted about 3 years ago

  @yasser22269 No problem!

  0