Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

JavaScript (Event Delegation), Responsive Design

@folathecoder

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I intentionally focused on only the JavaScript part because I wanted to practice some cool stuffs I learnt over the weekend.

Please check my JavaScript code!

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hello, Folarin Akinloye! 👋

Nice work on this challenge! 🙌 Your solution's looking good and the accordion card works pretty well! 👍 It's good to hear you've been learning some new stuff and I think Frontend Mentor challenges are the perfect place to put what you learn into practice! 😆

Just one minor thing (as palgramming hinted) is that it might be nice if users were able to close a FAQ by clicking on it (as opposed to only being able to close it by clicking on another question). 😉

I like the way the arrows flip when a FAQ is opened, BTW! 😀

Keep coding (and happy coding, too)! 😁

1

@folathecoder

Posted

@ApplePieGiraffe Than you APG 😀. I will look into that!

1

@folathecoder

Posted

@ApplePieGiraffe I have fixed it, thanks!

1
P
Patrick 14,325

@palgramming

Posted

well it is weird to click on the arrow to open but then the arrow does not close then you need to click the answer to close. It seems like clicking the question to open and close would be the better usability

1

@folathecoder

Posted

@palgramming Thank you, I will check it out!

1

@folathecoder

Posted

@palgramming I have fixed it, thanks!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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