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

FAQ Accordion Card Solution

@LisandraFerraz

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

tan 640

@tan911

Posted

Hello @LisandraFerraz, your implementation is good because it supports the keyboard. However, try scaling your screen down to 320px, and your application is still not entirely responsive, and the background image is not aligned. Additionally, I am unable to scroll it vertically, you should enable this so that the content of your application is viewable regardless of the audience's screen size (height or width). If you want to improve the accessibility of your application you can refer this guide of building accessible accordion - Accordion example - WAI ARIA

Marked as helpful

0
wannacode 680

@kwngptrl

Posted

Very well done.

Marked as helpful

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