Responsive page - Product preview card component

Community feedback

• 

  Yash Bhatt•280

  @Y-ashbhattPosted 4 months ago

  Hello!

  Your solution loooks pretty good.

  But I noticed there was tiny mistake in rounding the corners in the Image. In the desktop design it still follows the mobile design format.

  For giving corners different border radius try this article Border Radius. This explains how to separately round each corner in a simple way.

  I hope you find it helpful.

  Marked as helpful

  0
• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 4 months ago

  Hey there! 🙋🏽‍♂️

  Congrats on finishing the challenge! ✅

  Your project looks awesome!

  Here's a tip that might interest you:

  📌 When you have different versions of the same image, consider using the <picture> tag instead of using the image as background.

  This will help ensure the correct image loads on the user's device, saving bandwidth and boosting performance.

  Example:

  <picture>
      <source media="(min-width: 768px)" srcset="{desktop image path here}">
      <img src="{mobile image path here}" alt="{alternative text here}">
  </picture>
  

  Hope you find this useful!

  Great job overall!

  Marked as helpful

  0