Submitted 26 days ago

FAQ accordion using plain HTML/CSS

Thomas Hertog•935

@thomashertog

A solution to the FAQ accordion challenge

Preview Code

Solution retrospective

What challenges did you encounter, and how did you overcome them?

making the card move up and down along with the header fixed that by using a negative margin on the card
getting the custom icon at the end of the <summary> element fixed it by using a pseudo element

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Thomas Hertog's solution.

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