Submitted over 3 years ago

FAQ accordion card

Erik Tangvik• 255

@Etang131

Preview site View code

This is a solution for...

FAQ accordion card

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Any suggestions would be awesome.

Community feedback

ApplePieGiraffe• 30,565

@ApplePieGiraffe

Posted over 3 years ago

Hey, nice work on this challenge, Erik Tangvik! 👍

Your solution is responsive and the accordion card works well! 🙌

Two small quirks that might be worth looking into are that a horizontal scroll appears along the bottom of the screen after the layout switches from desktop to mobile and the last FAQ overflows its container a little when all of the FAQs are opened at the same time. 😉

Keep coding (and happy coding, too)! 😁

Erik Tangvik• 255

@Etang131

Posted over 3 years ago

@ApplePieGiraffe Thank you I believe I fixed most of the issues now. See you again in about a week ha ha.

ApplePieGiraffe• 30,565

@ApplePieGiraffe

Posted over 3 years ago

@Etang131

Haha, see you then! 😉

Stephen Buley• 75

@StephenBuley

Posted over 3 years ago

Hey man, used some of your stuff on my version of this project when I got stuck, thanks for the help!

Erik Tangvik• 255

@Etang131

Posted over 3 years ago

@StephenBuley Where did you get stuck?

Stephen Buley• 75

@StephenBuley

Posted over 3 years ago

@Etang131 I just am not as confident with CSS, as well as I liked your JS solution better than my own, which was overly complicated, so I ended up changing that too. But mostly just reading through some of your code and getting a feel for what you did.

Erik Tangvik• 255

@Etang131

Posted over 3 years ago

@StephenBuley The css after part really through me off. I had to get help on that , and it took me a bit to figure out the JS.

Please log in to post a comment

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