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

E-commerce page responsive using React +SASS

@dubervelez

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


Hi! practice in React and Sass developing an E-commerce with a responsive design. Any observation is welcome

Community feedback

yishak abrham 2,150

@yishak621

Posted

Good design but there are a couple of things u need to fix...first i see ur design in mobile so when i click the prev and next btn and when it reach the final image it doesn't loop back to the first image ...it shouldn't stop to the final image ...so fix that using if statment..example

      } else if (style.contains('next-mob')) { 
         count++; 
         if (count > newIndex.length - 1) { 
           count = 0; 
           SetMainImage(count); 
         } 
       }

.and also for the sidebar if u see the design when a sidebar is open there is black transparent background over the body and when sidebar closed it disappeared ....design that too

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