Skip to content
Submitted about 4 years ago

Dynamic FAQ accordion card using absolutely no JavaScript!

Eric Salvi•1,350
@ericsalvi
A solution to the FAQ accordion card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Just a heads up, the original design was not centered around the card but rather around the card and the box icon poking outside of the container.

I fixed it in my own version so that the card is centered as how it should be. My screenshot looks off because of this.

Feedback always is helpful in general.

Code

Please log in to post a comment

Log in

Community feedback

  • tediko•6,700
    @tediko

    Hello, Eric Salvi! 👋

    Good effort on this challenge! Your solution responds well. I wouldn't care about this screenshot too much. I really like that you think about putting your arrow images in CSS instead keeping it in HTML code. The only detail is since you hide your radio inputs with display: none i can't focus this elements with my keyboard. Maybe find other way to hide these radio inputs so user can still access them. (To see what I mean: remove display from inputs and tab through your page, when you focus first element use arrows to navigate through all tabs).

    Good luck with that, have fun coding! 💪

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