Skip to content
Submitted 7 months ago

E-commerce product page using React, TypeScript and SASS

Yusuf Abdulraheem•100
@Raheemcodes
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 are you most proud of, and what would you do differently next time?

I am proud of being able to implement the design pixel perfectly without encountering serious issues and I will try using Tailwind for styling next time.

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

I had problems with the position of my elements within the stacking context, I was able to overcome it by carefully assigning the right z-index value to each element as needed.

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

Adding more pages, especially a landing page

Community feedback

  • wviie•160
    @wviiePosted 7 months ago

    Hello Yusuf!

    Great job you've done here, very clean code.

    There's one little problem that you might want to look into; it's that your image backdrop can be scrolled away as it's not taking the whole height of its container. Other than that all is good.

    Again it's awesome what you did here. Good luck and happy coding!

    Marked as helpful
    0
    Yusuf Abdulraheem•100
    @RaheemcodesPosted 7 months ago

    @wviie Thank you very much, your feedback was really helpful and I have resolved the issue you highlighted.

    1
  • Kelechikizito•340
    @KelechikizitoPosted 13 days ago

    Your site is pixel perfect, not many compare.

    0
    Yusuf Abdulraheem•100
    @RaheemcodesPosted 13 days ago

    @Kelechikizito Thank you very much

    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