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-product-main-page with react and tailwindcss

jeansy42 330

@jeansy42

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


👋 Hello Frontend Mentor Community!

I've recently completed a challenge and I'm excited to share my work with you all. Before I go into the details, I'd love to hear your insights and gather some feedback.

Here are a few questions I'd like to ask:

Design Choices: I made certain design decisions to match the provided design. Do you think my color choices and typography are fitting? Any suggestions for improvement?

Responsive Design: I aimed to make my project fully responsive. Could you please test it on different devices and let me know if everything adjusts as expected?

Accessibility: I understand the importance of accessibility. Have I implemented proper accessibility features? Any tips for enhancing the user experience for all users?

Code Structure: I focused on maintaining a clean and organized code structure. Is my code easy to understand? Any suggestions for optimizing it further?

Performance: Performance is crucial. Have I taken all necessary steps to ensure a smooth and fast user experience? Any suggestions for improving performance?

I'm really looking forward to your feedback! Your insights will greatly help me grow as a developer and improve my future projects.

Thank you all for your time and support! 🙌

Happy coding, jeansy42

Community feedback

@mmaazkhanhere

Posted

Great work. You have done quite well trying to replicate the design. You may foind that your image section is smaller and your detail section is bigger than that in the solution. You can fix it by giving specific width to both sections. Make the parent section width full and give the two section width half by using tailwindclass w-1/2. Overall, great job! Best of luck for the future

Marked as helpful

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