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

html css

@Jordan-Rob

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 on how I can Improve my implementation is welcome

Community feedback

@anmolkapil

Posted

Congratulations for finishing your project. �🎉 Functionality works fine in your website.

But I noticed few things that you can try to fix.

  1. When all items are expanded it overflows your main container. It would be better if you don't define a fixed height for the container.

  2. Add some media queries to make it responsive

Marked as helpful

4
Joseph 770

@Jos02378

Posted

Hey Jordan! Good job on making this solution.

I tried to open your solution on my phone and it seems that the text goes out of the card when I tried to expand the accordion. I would like to suggest you not setting the height explicitly using percentage, but using the property "height: auto" or "height: fit-content" so the text doesn't go out of the card when the accordion expands.

I hope this helps, good luck!

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