Skip to content
Submitted 8 months ago

E-commerce with bootstrap 5

muiruri3000•400
@muiruri3000
A solution to the E-commerce product page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

have incorporated bootstrap css,

What challenges did you encounter, and how did you overcome them?

didn't know gitpages cannot access node_module directory, but have managed to copy required files to accessible areas

What specific areas of your project would you like help with?

positioning has been quite the challengem but a little exercise and i will be on my way

Code

Please log in to post a comment

Log in

Community feedback

  • calvinvin•1,030
    @calvinvin

    I don't know react and bootstrap, but maybe that uncustomized CSS is the reason the webpage's CSS is not the same as the challenge example. (border radius, background color, the red number of amount of cart items should be on top right corner of cart icon, ...etc.) The navigation menu of mobile version on the example is position: fixed.

    Some HTML semantics I noticed that can be improved:

    1. don't skip heading order. (the h3 was skipped on the webpage)
    2. wrap <nav> in <header> and wrap main content in <main>.
    3. the icon-delete, icon-plus, icon-minus would be better wrapped in <button>.

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