Skip to content
Submitted almost 3 years ago

Manage Landing Page

#accessibility
Karishma Garg•1,010
@karishma-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Manage landing page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hey Guys, I just finished the Manage Landing Challenge. I would like you all to see it and let me know how I can improve it. Let me know my mistakes. Thank you!.

I am having trouble making this website responsive with the pattern for the background. Any tips to solve this?

Community feedback

  • Wendy•2,010
    @wendyhamelPosted almost 3 years ago

    Hi, great job on this project! I see a few things you can improve:

    • in the design the pattern in the header / hero section starts from the top of the page. With the white bachground on your nav, this doesn't look like that.
    • the header image gets squished when it doesn't fit the space. You can set the image to scale to fix this.
    • the nav menu button is not in the viewport on small devices (below around 400px)

    You should alse take a look at the accessibility issues. These are good best practices.

    I hope I helped you out with this! Have fun coding!

    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