Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 4 years ago

FAQ accordion card with html & sass

dewslyse•3,005
@dewslyse
A solution to the FAQ accordion card challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hi all! I just completed the FAQ accordion card challenge. This challenge turned out to be arduous 😬, however I'm happy with the outcome. Pixel perfect 🤷?

I used html's details disclosure element for this one. In the FAQ section, I set an overflow: auto on the questions and hid the scrollbar. Do you think the scrollbar needs to be hidden? Will it occur to a user to scroll in the faq region when questions are opened. Lemme know what you guys think. Thanks 😄

EDIT: The scrollbar in the FAQ region is now visible.

Happy coding!!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on dewslyse's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License