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
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ Accordion Card

@KingLyrics

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 tried my absolute best to get the images well on desktop view, but kinda gave up lol. The javascript part was tricky at first but figured it out eventually. Though, in the js there is a bug when you click an accordion and it drops down, once you click it again, the hover ability disappears.

Community feedback

P

@anacarolinabmv

Posted

Hey, great job! Your app is looking very neat, even if the images are exactly like the design. I have a suggestion to fix the bug event, although I don't know if it best the way to do it, but that's how I would have tackled the hover bug. Instead of styling the question color on hover, you could perhaps style it on a mouseenter/mouseleave event in JS?

1

@KingLyrics

Posted

Thank you, Carolina! Oh i thought about that, I had implemented it but it didn't turn out like I hoped. Will try it again and see how it goes. Thank you as always for your comments :)@anacarolinabmv

0

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