Submitted over 1 year ago

Product page with React/Javascript

Leonardo Antezana• 100

@LeonardoAntezana

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

E-commerce product page

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hola! Sigo con mis practicas y aprendizaje con React. Aclaracion: podria haber usado Context para manejar y tener mejor orden con el pasaje de propiedades, pero al ser una aplicacion simple decidi no utilizarlo. Que tengan un gran dia! Saludos

Hello! I continue with my practices and learning with React. Clarification: I could have used Context to manage and have a better order with the passing of properties, but being a simple application I decided not to use it. Have a great day! Regards (translated with Google)

Community feedback

S MD suleman• 3,530

@sulemaan7070

Posted over 1 year ago

hey Leonardo Antezana 😄 congratulations on completing the challenge... here are a few tips to make your site better.

1.using the property object-fit :contain will prevent the images from being squeezed or stretched.. the sneakers logo seems squeezed you can fix that with the above property.

2.when we click on + then -> add to cart then the quantity or number of items should become zero.. everything seems to be working and great job with the crousel happy coding💯💯🔥🔥

translation

hola Leonardo Antezana 😄 felicitaciones por completar el desafío... aquí hay algunos consejos para mejorar tu sitio.

El uso de la propiedad object-fit:contain evitará que las imágenes se compriman o se estiren.

2.cuando hacemos clic en + luego -> agregar al carrito luego la cantidad o número de artículos debería convertirse en cero... todo parece funcionar y un gran trabajo con el crousel codificación feliz💯💯🔥🔥

Marked as helpful

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord