Skip to content
Submitted about 2 years ago

Responsive Ecommerce Landing page using css grid/flex

Emmanuel Daniel•1,170
@coderdannie
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

  1. what i find most difficult while building the project is how to make the site fully responsive with the implementation of the image gallery functionality as well.
  2. The areas of my code am unsure of is the cart functionalities
  3. My question about best practices is the use of ul and li in markup for image carousel a best practice for accessibility?

Community feedback

  • Vishesh-Shokeen•260
    @Vishesh-ShokeenPosted over 1 year ago

    --hey, @Daniel i need your help image arrows do not work on github pages
    but it works on my computer

    .. thanks in advance bro

    btw great work keep it up.

    0
    Emmanuel Daniel•1,170
    @coderdanniePosted over 1 year ago

    @Vishesh-Shokeen

    There are two most powerful ways to solve it

    1. pay attention to the writing of image extensions, because on github pages Images.png is different from images.png
    2. if in your code you write src on image like this src="/images/images.png" just remove / at the beginning of the section, and it will solve your problem. I hope this helps
    1

Please log in to post a comment

Log in with GitHub

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