Skip to content
Submitted almost 2 years ago

Intro Section with a Dropdown Navigation

Orton Bright•310
@ortonb110
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

Hi there 👋, I’m Orton and this is my solution for this challenge.

Built With:

TailwindCSS npm - prettier React.js. Any suggestions on how I can improve and reduce code are welcomed!

Thank you. 😊✌️

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 2 years ago

    Hi there, Orton Bright! 👋

    Great effort on this challenge! 👏 I really like the transition you added to the mobile menu! 😊

    A few things I'd like to suggest are,

    • Making sure all of the content is centered in the mobile/tablet views, as the illustration and paragraph below the heading are sticking to the left side of the page.
    • Making sure that all the direct children of ul elements are li elements (that will help clear up a few errors on your solution report).
    • You do not need to add aria-hidden="true" to an image if you set its alt text to an empty string, as that will cause it to be ignored by assistive technology, anyway. 😉

    Hope you find these tips helpful. 😊

    Keep coding (and happy coding, too)! 😁

    0
    Orton Bright•310
    @ortonb110Posted almost 2 years ago

    @ApplePieGiraffe I really appreciate you for stopping by, I will work on your suggestions. Thanks

    1

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