Skip to content
Submitted 4 months ago

Accessible accordion, mobile-first, pixel-perfect w/ HTML & CSS & JS

haquanq ®️•1,585
@haquanq
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Hello, i have completed this challenge 😁

Built with

  • Semantic HTML
  • Vanilla JavaScript & CSS
  • ARIA APG Guides

What i have done

  • Used my own judgement to achieve pixel-perfect without accessing to design files
  • Built an accordion component with accessiblity for screen readers, offer smooth transition effect for visual users
  • Overridden default outline effect on focus

Any feedback is appreciated 🙏

Community feedback

  • geomydas•1,440
    @geomydasPosted 4 months ago

    Wow, you managed to be pixel perfect without a design file!?!?!?

    0
    haquanq ®️•1,585
    @haquanqPosted 4 months ago

    @geomydas YES! 😆

    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