Skip to content
Submitted about 1 year ago

E-commerce product page using React, TypeScript and SASS

react, sass/scss, typescript, firebase
Yusuf Abdulraheem•140
@Raheemcodes
A solution to the E-commerce product page challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • wviie•160
    @wviie

    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
  • Kelechikizito•340
    @Kelechikizito

    Your site is pixel perfect, not many compare.

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