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

Ecommerce Page with HTML, CSS and JavaScript

@PK-WookiDooki

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

Community feedback

S MD suleman 3,530

@sulemaan7070

Posted

hey 😄Pyaesone Khant, congratulations on completing the challenge... here are a few tips to make your site better.

1.Firstly you can add a padding-top and padding-bottom to the add to cart button and you can add a box-shadow property to make it look like design accurate.

  box-shadow: 0 0.3125rem 0.625rem -0.125rem hsl(26deg 100% 55%);

2.You can make the nav-bar sticky for the good user experience..

3.use the accurate color on the p tag and reduce it's size to match the design..

hope that helps happy coding

Marked as helpful

1

@VCarames

Posted

Hello @sulemaan7070

As a friendly reminder, please avoid the following as it is against FEM’s policy:

  • "If you find my comment helpful please mark it as helpful.. at the bottom⬇️ of this comment”

Which can result in your getting your account flagged and banned temporarily/permanently.

"Ask people to mark your comment as helpful — A big part of Frontend Mentor is helping each other out and providing feedback. If you give some feedback, please avoid saying things like, "if you found this feedback useful, please mark this comment as helpful". It places unnecessary pressure on the solution author to mark your comment as helpful, which is best avoided. Feel free to say something like, "I hope you find this helpful", but please avoid asking for your comment to be marked as helpful outright."

The goal of providing feedback is to help individuals learn and grow as developers; not about gaining points.

Thank you for contributing to the FEM community!

Happy Coding! 🎆🎊🪅

1
S MD suleman 3,530

@sulemaan7070

Posted

@vcarames had no idea buddy.. thank you for the info.. I will mind from now.. I started removing that text👍🏻

0

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