Submitted about 1 year ago
E-commerce product page with React | Scss | react-image-gallery
@Maxv1z
Design comparison
SolutionDesign
Solution retrospective
Here what i have: react for different components (nav, main, image gallery). For images I used npm-package react-image-gallery, disabled a lot of things and added some styles for it, to make it look similar to the design. However I didn't implement the fullscreen mode for pictures from the first try, but u can wait for the second edit of this post, since i will do it 100%. Responsive part mostly done using flexbox and changing its direction. Free fir your feedback to have a clear code or\and better ways to implement something better than it is 😄
Community feedback
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