Skip to content
Submitted over 2 years ago

FAQ Accordion with HTML, CSS and JS

Pablo Montoya Varela•300
@PaliTriesToDesign
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

When you click a question the image goes down. I know the solution might be easy but I couldn't figure it out by myself, which is annoying.

I'd really appreciate any help. c:

Thanks!

Community feedback

  • Shashree Samuel•9,260
    @shashreesamuelPosted over 2 years ago

    Hey good job completing this challenge

    Keep up the good work

    Your solution looks great however I think that the card is missing a subtle box-shadow using box-shadow.

    I hope this helps

    Cheers Happy coding 👍

    1
  • Kofi Quist•280
    @GuyTitoPosted over 2 years ago

    Good job on this challenge.

    You are having this problem because there are 3 elements inside the section element which is a flex box. For this challenge, you will want to have only two divs inside the the section element so that you have images in one div and the questions in another like a classic hero or banner on a landing page.

    To solve your issue, move the card box image into the same div with the woman-desktop image.

    1
    Pablo Montoya Varela•300
    @PaliTriesToDesignPosted over 2 years ago

    @GuyTito Thanks for the help!

    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