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 with HTML and CSS

Marcos 95

@marcosfsousa

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


First, i have to admit this one looked easier than it actually was to achieve a passable solution.

Dealing with the images and how they interact with the accordion itself was my main problem. I'm pretty sure there are easier/more streamlined ways to do it. Because of this responsiveness wasn't really achieved in this solution.

Furthermore, accessibility could also be an issue. On my first attempts I've tried to make it work with <button> tags but wasn't able to achieve the "open and close" functionality the <inputs> ultimately provide.

As always I'm open to hints on how to improve this challenge.

Community feedback

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