Skip to content
Submitted over 1 year ago

FAQ Accordion Card

Ekomobong Edeme•190
@KingLyrics
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

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

  • Carolina Borba•510
    @anacarolinabmvPosted over 1 year ago

    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
    Ekomobong Edeme•190
    @KingLyricsPosted over 1 year ago

    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

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