Skip to content
Submitted almost 2 years ago

Product page with React/Javascript

Leonardo Antezana•100
@LeonardoAntezana
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

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
    @sulemaan7070Posted almost 2 years 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.

    1. 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
    0

Please log in to post a comment

Log in with GitHub

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