All comments

• 

  Tykhomyrov Oleksandr•110

  @alex1991tikhomirovSubmitted about 2 years ago

  Can somebody say what library to use for professional e-commerce websites? Thanks

  

  CSS Flex, CSS Grid

  1

  70
  

  Jason Kartz•310

  @jasonkartzPosted about 2 years ago

  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

  This comment has received 2 repliesShow
• 

  rushinstuffin•380

  @kyle-barry-appsSubmitted about 2 years ago

  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 :)

  

  Ecommerce Product Page built with React

  1

  40
  

  Jason Kartz•310

  @jasonkartzPosted about 2 years ago

  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