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 - Bonus Challenge: CSS Only, Flexbox, Mobile-First

Anna Leigh 5,135

@brasspetals

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


This was much trickier than I thought it would be! If you have any suggestions or know of an easier way to handle the images (outside of JS), please let me know!

Community feedback

@Shivarawat

Posted

Ohh.. you're the best!! Thanks for sharing the code :)

1

Anna Leigh 5,135

@brasspetals

Posted

@Shivarawat Thank you - glad you found it helpful! 😊

If I was to do this challenge again, instead of the "checkbox hack" I would use the details element, which I didn't even know existed when I did this challenge. Might be helpful for you if you're currently working on it!

1
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Looks good, Anna!

Nice job, once again! 🎉

I have yet to try out this challenge, but I like how you used the checkbox hack to complete this challenge using only CSS!

Keep coding (and happy coding, too)! 😁

1

Anna Leigh 5,135

@brasspetals

Posted

@ApplePieGiraffe Thank you again for always taking the time out to provide feedback! I really appreciate it. 😊

0

@PumpkinPieGiraffe

Posted

@ApplePieGiraffe

hi

0

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