Responsive e-commerce product page using flex box.
Design comparison
Solution retrospective
I found the js part of the challenge a bit hard specifically the slides part as I'm still learning javascript. Can using Jquery make things easier?
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Hi Mohit kumar, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:
I noticed that the content is stretching a lot at higher resolutions, and this is affecting the page design, to resolve this in an easy way, you can do this:
body { max-width: 1440px; margin: 0 self; }
By doing this the content will have a maximum width!
The rest is great!
I hope it helps... 👍
Marked as helpful0 - @Victor-NyagudiPosted about 2 years ago
Hi.
You submitted the wrong image as your solution.
In addition, clicking the "preview site" option returns a 404 error. It seems you didn't deploy to GitHub pages correctly.
One thing you can do is have your
index.html
file at the root of your project because this is the file GitHub pages looks for and displays.Try it, and let me know how it goes.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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