Design comparison
SolutionDesign
Solution retrospective
What specific areas of your project would you like help with?
any tips to improve my js skill would be helpful
Community feedback
- @marliedevPosted 23 days ago
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 helpful0 - @InKABuserPosted 23 days ago
Awesome job! It would have been even cooler with some animations thrown in.
0
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