
Solution retrospective
any tips to improve my js skill would be helpful
Please log in to post a comment
Log in with GitHubCommunity feedback
- @marliedev
Hi! Your solution looks and works fine! Well done!
The only things that could be improved is:
- the scaling/positioning of the header image and the faq-card: the image should always be a bit behind the card. Maybe try a vertical alignment of the card in dependence of the view-width.
- you could add an feature/function that closes the current opened answer when another is opened.
- add an open/close animation via css or animation library (gsap,...)
Just to keep in mind (for future): This challenge could be solved only with CSS and HTML using the "details" & "summary" HTML elements. No Javasript needed
Marked as helpful - @InKABuser
Awesome job! It would have been even cooler with some animations thrown in.
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