Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

My solution to FAQ Accordion!

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone! In this solution, I used HTML, CSS and JS Vanilla. Despite being a Newbie exercise, I was very happy with the results. If there's anything I can improve on, thanks in advance for your help!

Thank you so much!

Community feedback

@Namonaki0

Posted

Well done for completing the challenge.

You could add a cursor: pointer to your CSS for when you hover each dropdown. I know it's a small detail but it improves the UX.

Also, I believe the mobile layout is not triggering when you minimize the window.

I hope this helps.

Marked as helpful

0

@GIR0SAN

Posted

@Namonaki0 Huge thanks for the tip! I got so focused on JavaScript that I missed that detail. Thank you Andre!

1

@Namonaki0

Posted

@GIR0SAN no worries. Anytime!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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