Skip to content
Submitted 4 days ago

Ecommerce product details using Angular

Nada Elhosaryā€¢260
@NadaElho
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

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

Iā€™d appreciate any feedback

Community feedback

  • Dadciā€¢100
    @DadciPosted 4 days ago

    Hey you did great on this one! But you could improve your UI :

    1. give the same height to the left and right section.
    2. adjust the of your navbar the main section is too close.
    3. Align center the cart and profil image.
    4. adjust the spacing between the small product images it should be the same vertically and horizontally.
    5. in the right section the description should have the same width as the product title and the add to cart button should have more padding-x inside.

    Hope it will be helpful to make your design neater! Good luck

    Marked as helpful
    1
    Nada Elhosaryā€¢260
    @NadaElhoPosted 4 days ago

    @Dadci Thank you for your feedback šŸ™, I will work on it

    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