Skip to content
Submitted almost 3 years ago

FAQ accordion card challenge using javascript

Rodrigo Nascimento•220
@rodrigovn
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

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 >.<

Community feedback

  • Rosi•440
    @strosiPosted almost 3 years ago

    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
    0
  • Nicaisse•340
    @abanicaissePosted almost 3 years ago

    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
    0

Please log in to post a comment

Log in with GitHub

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