A simple responsive product preview card

Community feedback

• 

  Hugo Sanchez•270

  @HunigoleSanPosted 10 months ago

  Hello @NemanjaChido! 🎉 Congratulations on your work! You've done a good job so far, but let me offer you some tips for improvement. There's a lot you can enhance, but let's address something crucial first.

  In CSS, resizing images using percentages can sometimes result in a messy code and poor visual appearance. I noticed that you're resizing your image

  using background-size: 100% 100%;. While this is suitable if your container has a fixed width, it might cause issues when the container's size changes dynamically.

  For your ".wrapper" class, you're using embedded measurements or "percentages," causing the image to resize in an undesirable way. Instead

  I recommend using background-size: cover;.

  This property ensures that the image adapts to its entire container, maintaining its aspect ratio even when the container's size changes.

  Keep up the good work! 💪🚀

  0

  ---

  

  NemanjaChido•200

  @NemanjaChidoPosted 10 months ago

  Hello @HunigoleSan I've always struggled with this, so I really find your feedback! quite helpful. Thank you!

  1