Skip to content
Submitted over 3 years ago

FAQ accordion card challenge using javascript

Rodrigo Nascimento•220
@rodrigovn
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my first javascript submmition, any comments are more than welcome. My main difficulties are still the background images in the right way, I would like to know how to put them in a wrapper, I have tried to do this by fitting them in a div, but it did not work once i had to put in absolute position. Is my script okay? I've tried to do this the simplest way. Thanks for reading >.<

Code

Please log in to post a comment

Log in

Community feedback

  • Rosi•440
    @strosi

    Hi @rodrigovn, your solution looks good. For the images, you could try to

    • move them in the css as multiple background-image and adjust them with background-position
    • leave only the box image in the section#img-wrapper.
    Marked as helpful
  • Nicaisse•340
    @abanicaisse

    Hey @rodrigovn, Good job on this one. The UI is clean and every thing is working, although there is just a little issue with the FAQ section of the webpage: as we keep opening more accordion, the section start overflowing therefore some content become inaccessible.

    Keep up the great work, thx !!

    Marked as helpful

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