Skip to content
Submitted 12 months ago

Accessible menu with dropdown section w/ HTML - CSS Flexbox - JS

accessibility, bem
haquanq•1,655
@haquanq
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Hello 👋👋👋

This project gave me some experience on working with modals and accessiblity. Overall i did achieve what i want in this solution

🚀 Built with

  • Mobile-first workflow
  • ARIA specifications
  • Semantic HTML
  • Pure CSS
  • Vanilla JavaScript

🐲 What i have done

  • Accessible menu with friendly keyboard interface
  • Used my own judgement to achieve 98% similar to the design without Figma files
  • Overridden default outline effect on focus (buttons, links)
What challenges did you encounter, and how did you overcome them?

None 🐱

What specific areas of your project would you like help with?

Any feedback is appreciated🙏

Code

Please log in to post a comment

Log in

Community feedback

  • Umar094•280
    @Umar094

    Can you tell me about your judgement) I'm doing this challenge now)

  • xNyfPtx•1,260
    @xNyfPtx

    Please give me 1% of your eyesight so I can achive pixel-perfect

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