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

Accordion Card using HTML, CSS and JS

@Suraj1333

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


Any feedback from the community would be appreciated!

Happy Coding!!

Community feedback

Account Deleted

Hi @Suraj

The accordion is functional, but what I noticed is that the shadow is in a wrong place, the arrows seems to be a little cramped up with the first two questions, and I when click on a tab, the answer appears below the line instead of above.

The transition from desktop to mobile is rocky, the content is spilling out of the container, and it would be a lot better to add the functionality of one tab being opened at a time.

1

@Suraj1333

Posted

@thulanigamtee Thanks for the feedback! Will look into it.

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