Skip to content
Submitted over 2 years ago

Intro Section with a Dropdown Navigation

react, tailwind-css
Orton Bright•310
@ortonb110
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

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. 😊✌️

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    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)! 😁

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