Product preview card component

What are you most proud of, and what would you do differently next time?

Saya senang berhasil mengimplementasikan teknik art direction menggunakan elemen <picture> untuk menangani pergantian gambar antara versi mobile dan desktop secara otomatis.

What challenges did you encounter, and how did you overcome them?

Menyesuaikan tipografi agar sesuai dengan desain asli tanpa memiliki file desain profesional (seperti Figma atau Sketch). Saya mengatasinya dengan mengandalkan style-guide.md untuk mengimpor font Google yang tepat (Montserrat dan Fraunces) dan menggunakan best judgment untuk mengatur line-height serta letter-spacing agar mirip dengan gambar .jpg yang disediakan.

What specific areas of your project would you like help with?

1. Apakah breakpoint yang saya gunakan (600px) sudah cukup ideal untuk transisi dari mobile ke desktop, atau sebaiknya menggunakan standar lain?
2. Saya menambahkan kelas .sr-only pada harga lama ($169.99) agar pembaca layar (screen reader) dapat membedakannya dengan harga diskon. Apakah ini praktik terbaik dalam e-commerce, atau ada atribut aria-label yang lebih disarankan?