Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React Project using Tsx rendered. Responsive page. Bem Methodology

Ulisesβ€’ 150

@Ulise22

Desktop design screenshot for the E-commerce product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedBack will be appreciated

Community feedback

S MD sulemanβ€’ 3,530

@sulemaan7070

Posted

hey πŸ˜„ulise, congratulations on completing the challenge... here are a few tips to make your site better.

1.On the mobile: when I open the website and scroll down, the mobile-menu is also getting scrolled down...Make postion:fixed property to the mobile-menu so that the user cannot scroll down the menu.

2.Add the box-shadow to the button with the orange color they have given.. to make it deign accurate.

3.On the mobile version use position:sticky and top:0 to make the header sticky.. so that user can the items being added to the cart even when he scrolls down..

You did a great job!! hope that helps, happy codingπŸ’―πŸ”₯πŸ‘πŸ»

Marked as helpful

1
Ahmed Mahrousβ€’ 980

@AhmedMahrouss

Posted

good jop my bro Congrats on completing your challenge!🎊🍻If you have any questions or need further clarification, feel free to reach out to me. Happy Coding! πŸŽ†πŸŽŠ

1

Please log in to post a comment

Log in with GitHub
Discord logo

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