Submitted about 2 years ago
FAQ-accordion-card with HTML Elements "details" and "summary"
@ssembatya-dennis
Design comparison
SolutionDesign
Solution retrospective
Hello everyone 👋🏽 During Development I successfully failed to style my accordion card to ensure that content doesn't overflow outside the card when the details tag is opened and am still not sure how to approach this problem.
I'm also not certain how to implement this card with plain JS and I will be glad if you have a look into my solution and inform me how to improve my code. Thanks everyone...
Community feedback
- @EseAlliPosted about 2 years ago
Hey Ssembatya, the overflow problem you are having is because of the height you set on your accordion card. Instead of using height, try adding padding to your card.
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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