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

Ecommerce product page using sass, vuejs 3, responsive, mobile first

s17 60

@s17-git

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


I have a problem with my basket (pannier) when I go on lanscape view on my phone. Can someone please help me out.

Community feedback

Nathan 90

@Ayddan

Posted

Hi s17 !

Can you be more precise on your problem ? So i can dig into it ?

0

s17 60

@s17-git

Posted

@Ayddan thank you for your interest into my project. I mean, I've difficulties with my pannier when I'm on lanscape view, it create a horizontal scroll bar.

0
Nathan 90

@Ayddan

Posted

@s17-git To prevent that you should put an overflow-x: hidden to your body. It will prenvent the scroll bar on pc but you should change the left position of your pannier depending the resolution to prevent it to go out of the window.

Hope it help

0
s17 60

@s17-git

Posted

@Ayddan, So the left position should be adapted to every viewport I want to support ? thank you. I thought that there is all in one solution.

One last think, I've update my project by correcting keyboard navigation issue but my github is not updating

0
Nathan 90

@Ayddan

Posted

@s17-git,

One all in one solution can be to set the position of the panier to right: 5px for example but it will not match the design. for my solution you just have to make one adjustment at 1250px and change the left position to be into the viewport. Another solution could be to set the position of your panier relatively with the panier icon, but i always try to give the simpler solution with the code you have already produce.

Your github

Have you commit and push your code ? Are you on the branch you think you are ?

0
s17 60

@s17-git

Posted

@Ayddan , thank you I'll try it.

My Github Yes I pushed I'm on the same branch main but I'm using a gh-pages subtree to host my 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