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

Mobile-first FAQ-Accordion-Card (NoJS using details-tag)

SutonToch 340

@SutonToch

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


Making an accordion without JS sounded really compelling. But to be honest, that wasn't the hard part. Positioning those illustrations, hiding the overflow, managing the overflow caused by the accordion.. there was a lot that I didn't anticipate.

I'm very interested in other NoJS-Solutions. Any feedback would be very much appreciated too :)

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