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

Responsive site using SCSS

sheri 220

@sheri0441

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


What did you find difficult while building the project? How you make the overlay product image?

Community feedback

P
Treek 50

@Tduncan14

Posted

with the overlay, you just make a div that covers the whole page with position absolute top:0 left:0. Then you make it hidden till you remove the hidden class with a javascript condition. Its like the sidemenu but for the whole page.

0

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