Skip to content
Submitted 3 months ago

Solution to Recipe page

AmandeepGuggi•100
@AmandeepGuggi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?

How can I remove that little scroll bar at horizontal axis?

Community feedback

  • Jim Barnett•260
    @jamesbarnettPosted 3 months ago

    Hello,

    Your horizontal scrollbar can be removed by changing the width values for your main image and the menu class from 100vw to 100%. You might be interested in this video outlining some of the "gotchas" with viewport units: https://www.youtube.com/watch?v=veEqYQlfNx8

    Hope this helps. Happy coding!

    Marked as helpful
    1
    AmandeepGuggi•100
    @AmandeepGuggiPosted 3 months ago

    @jamesbarnett Thank you sir, it real helped me :D

    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