Skip to content
Submitted over 3 years ago

faq-accordion-card using html, css, and javascript

LVL 3
Zun330
@zun-liang
A solution to the FAQ accordion card challenge

Solution retrospective


This challenge is quite challenging as a newbie task. I spent a lot of time figuring out how to position the three svgs in the desktop view, for example, how to keep them relative to the .faq-card, and how to keep #woman and #pattern overflow:hidden versus .box overflow:visible.

I am overall satisfied with my current preview but I will appreciate it a lot if anybody can tell me how to make the rest of #pattern show when answers are shown.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Zun’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