Skip to content
Submitted almost 2 years ago

intro-section-with-dropdown-navigation

Adigun Israel Collins•880
@IcyEazy
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro section with dropdown navigation
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I couldn't do the hamburger menu for mobile screen size, so I had to use Bootstrap. Please you can drop comments on how I can get it done myself without the help of Bootstrap and also how to improve my code more efficiently and professionally, thank you.

Community feedback

  • Marija Havaic•150
    @marijahavaicPosted almost 2 years ago

    Hi Adigun,

    here are some resources that helped me with the dropdowns and the sidebar.

    Hope it helps! 😊

    Marked as helpful
    1
    Adigun Israel Collins•880
    @IcyEazyPosted almost 2 years ago

    @marijahavaic Thank you.

    1
  • Adriano•38,290
    @AdrianoEscarabotePosted almost 2 years ago

    Hello Adigun Israel, how are you? I truly loved your project's outcome, however I have some advice that I hope you'll find useful:

    The links must have an aria-label or sr-only text that tells where the link navigates the user. For example: Visit our Facebook. For images, you should set aria-hidden=” true” to be ignored by screen readers and to avoid redundancy and repetition.

    We have to make sure that all the content is contained in a reference region, designated with HTML5 reference elements.

    native HTML5 reference elements:

    <body>
    <header>This is the header</header>
    <nav>This is the nav</nav>
    <main>This is the main</main>
    <footer>This is the footer</footer>
</body>

    The remainder is excellent.

    I hope it's useful. 👍

    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