Tykhomyrov Oleksandr• 110
@alex1991tikhomirov
Submitted
Can somebody say what library to use for professional e-commerce websites? Thanks
Jason Kartz
@jasonkartz
All comments
- Jason Kartz• 310
@jasonkartz
Posted
Hi - Great work on this design! It's very responsive at all screens and I love your version of the mobile menu.
The only thing I would critique is to consider adding padding to the description text. I noticed at certain screen widths, the text will be up against either the window sides, or the product image. If you gradually move the window width between all the breakpoints, you'll see what I mean.
As far as libraries go, Next js is great for designing e-commerce sites. It's built on React. Gatsby is another popular option.
Keep going!
Marked as helpful
1 - rushinstuffin• 380
@kyle-barry-apps
Submitted
Hey all,
This was a challenge! I learned a lot in the process of building this. I'm still struggling to make everything look the way I want it to on different screen sizes. If I use a large monitor to view the app while I code, it throws things off for me. Anyone have any tips to help with that?
Thanks :)
Jason Kartz• 310@jasonkartz
Posted
Hi - you could either use a parent container for the entire layout, or just the header. Then set a max-width so the contents won't go far off to the sides for wider screens. I usually set the max-width the same as the design's desktop width, which is 1440px in this case.
You can take a look at my submission for reference. I did my version with vanilla JS instead of React, but the concept is the same. Hope that helps! Great work!
0
