Skip to content
Submitted about 2 years ago

E-commerce Page Very Responsive using only HTML, CSS & JavaScript Only

Jumagobe•1,050
@Jumanjigobez
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

Hello there Beloved Engineers, Long time no talk maan :)

A great one week challenge very interesting and now I got new skills from this challenge :)

Problem I had was placing a white overlay on top of the images, I tried using after pseudo element but the image was not clickable later so I just removed it then.

Kindly, I will appreciate so much if you can do this or a just a feedback will be nice...

Thanks in Advance for Viewing this and liking the solution :)

Have a Lovely day Coding, Don't stop!....#Eat, Code & Sleep :)

Community feedback

  • Simel•50
    @JamesSimelPosted about 2 years ago

    @Jumanjigobez congratulations 🎊 on finishing the challenge and I like your design However, the link that leads to the GitHub account is broken. I found this write on dev . to and I think I will really help on overlay https://dev.to/ellen_dev/two-ways-to-achieve-an-image-colour-overlay-with-css-eio. Best Regards, Simel

    Marked as helpful
    1
    Jumagobe•1,050
    @JumanjigobezPosted about 2 years ago

    @JamesSimel Thank you so much, I really appreciate your help, I checked out your link but it talks more about background images, not on top of an image element in Html like if you check the challenge there is a white overlay color on top of the img attribute, the small thumbnails images not as a background....

    But otherwise, at least I have got an idea on background images. Thanks again it was helpful though :)

    1
    Simel•50
    @JamesSimelPosted about 2 years ago

    @Jumanjigobez oops sorry for that, I will do the challenge then I will come back and give the feedback... Happy coding friend! :)

    0
    Jumagobe•1,050
    @JumanjigobezPosted about 2 years ago

    @JamesSimel same bruv, Bytheway I have commited the changes on the link you can view the code.

    1
    Simel•50
    @JamesSimelPosted about 2 years ago

    @Jumanjigobez sure I will check up Thanks.

    0

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