Skip to content
Submitted almost 4 years ago

Responsive FAQ Accordion Card with JS, CSS Grid, and Flexbox

Brendan•170
@brendanmadden
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi Everyone,

I had a blast learning to build an accordion with JavaScript for this challenge!

I have a couple of questions for anyone who might be able to help:

  1. How can I get that box to stay where it should while resizing the browser?
  2. Why aren't my accordions collapsing with a transition like they do when they open?
  3. How can I get the mobile image to stay where it should while resizing?

Thank you. Any feedback is really appreciated!

Brendan

Code

Please log in to post a comment

Log in

Community feedback

  • Nick Carlisi•180
    @nickcarlisi

    Hi Brendan,

    I'm still working on this challenge myself, but regarding your first question, I had a similar issue. Try using percentages instead of rems in transform(translate). Hope that helps.

    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