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

CSS Flex, CSS Grid

@alex1991tikhomirov

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


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

Community feedback

@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

@alex1991tikhomirov

Posted

@jasonkartz thanks a lot for the advice. I will improve that.

1

@jasonkartz

Posted

@alex1991tikhomirov And thank you for marking my reply as helpful! That boosted my score!

Marked as helpful

1

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