Skip to content
Submitted almost 3 years ago

faq-accordion-card-main

Lorenzo Franco•480
@Lfrancos
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

Hello everyone! hope you all are having fun with your challenges.

I'm having problem with 2 things: I wanted to be able to close all the questions. but it needs to keep always one open : ( The other is in the mobile version. I'm not able to keep the image visible if the height of the screen gets to small.

If anyone knows how to fix that I would really appreciate the help : )

Thank you!

Community feedback

  • Josh•560
    @jkellermanPosted almost 3 years ago
    • To close a question, you can look at using toggle classlist e.g classList.toggle('open')
    • In the mobile version, I think you need to change your margin on main from 0 auto to e.g 10em auto

    Hope this helps

    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