Skip to content
Submitted about 4 years ago

Vue.js Manage Landing Page with Horizontal Scroller

Sofia Skrbic•125
@sofskrbic
A solution to the Manage landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any feedback is appreciated! :)

The initial problem I've noticed is with resizing the window as the navigation menu sometimes opens by default on mobile view.

UPDATE: The initial problem is fixed and it was pointed out to me there was some horizontal overflow, so that's fixed as well. Additionally, I've implemented a breakpoint for tablets also due to too large icons.

Code

Please log in to post a comment

Log in

Community feedback

  • Rohit Purkait•460
    @codeswithroh

    You did a great job regarding this solutions. Well, there are a few things that needs to be addressed.

    1. As you told there is that problem with your navbar which pops suddenly during the change in screen size

    2. There is a horizontal scroll which is a bit annoying

    3. I would suggest you not to set style inside the tags itself because it causes problems

    4. Your site looks good for screen sizes beyond 1440px but most of the user will view this site in 1440px and for 1440px the icons are a bit bigger.

    Except these you did an awesome job. So, keep coding 😊

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