Submitted about 5 years ago

FAQ accordion card | FLEXBOX & JS

Dwight•215

@SarsiPC

A solution to the FAQ accordion card challenge

Preview Code

Solution retrospective

10/26/20

Honest feedback/criticism is appreciated! Any suggestions on how I can improve this solution?

Credits: https://www.frontendmentor.io/solutions/faq-accordion-card-htmlcss-flexbox-js-Yjw1BKo4Q (JavaScript)

Update 10/27/20

Removed display:none; in the CSS and moved it directly to the answer divs in the index.html. This fixed the double clicking issue.

<div class="answer-div" style="display:none;">

Reduced opacity of the box shadow

Code

Please log in to post a comment

Community feedback

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