Skip to content
Submitted almost 3 years ago

Responsive and interactive ecommerce product page

Salmane•220
@salmaane
A solution to the E-commerce product page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any feedback, please?

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Josh•560
    @jkellerman

    Hey nice solution 👍

    Just some feedback, your products-number element doesn't have a fixed width. When you shrink the viewport the number overflows into the button. You need to change width: 126.6px to min-width: 126.6px.

    Also, if you want the text in the button to not go on multiple lines, a little trick is to add 'whitespace: nowrap' to button element.

    Hope this helpful.

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