Product preview card component - Responsive

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

Estoy muy orgullosa de haber logrado que el diseño sea completamente responsivo y se adapte tanto a la versión de escritorio como a la móvil, respetando fielmente el layout proporcionado. Además, el uso de propiedades personalizadas de CSS facilitó la gestión de colores y espacios, lo que mejoró la mantenibilidad del código.

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

Uno de los mayores inconvenientes fue ajustar las imágenes para que se adaptaran correctamente a los diferentes dispositivos. Después de investigar, logré implementar diferentes versiones de las imágenes en el archivo HTML utilizando el elemento <picture> y estableciendo condiciones según la resolución de pantalla. Esto aseguró una carga optimizada y una experiencia visual consistente.

Otro desafío fue integrar el ícono del carrito en el botón de forma funcional y visualmente agradable. Al principio, tuve problemas para posicionarlo correctamente, pero analicé proyectos previos que había realizado y logré ajustarlo para que se viera como esperaba.