Submitted over 3 years agoA solution to the FAQ accordion card challenge
faq-accordion-card using html, css, and javascript
LVL 3
@zun-liang

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 with GitHubCommunity 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