Design comparison
Solution retrospective
I can't figure out how to get the arrows to rotate upside down when the accordion is open. I think I have to store them in a variable in JS and then toggle the class when the button is clicked but I couldn't figure out how.
I would really appreciate any feedback on this question and the overall code in general.
Thanks!
Community feedback
- @vytkuklysPosted almost 4 years ago
Hey Zach, good performance on this rather demanding challenge!
As for your question, toggling a properly styled class with an onclick event is indeed one of the ways to achieve the visual rotation of the arrows.
For this, have an onclick event that starts a function -> target the arrow element there (be it by class or by id) -> add and remove a class that has 'transform: rotate(180deg)' property to rotate the image.
Hope this helps! Best of luck!
3 - @ApplePieGiraffePosted almost 4 years ago
Hey, Zach Kyman! 👋
Nice job on this challenge! 👍
I suggest,
- Allowing users to scroll in the desktop layout of the site. Currently, vertical scrolling is disabled in the desktop layout of the site, meaning some of the content of the page is cut off and unreachable on smaller desktop screens.
- Switching to a mobile-friendly layout sooner than 395px to ensure that your solution looks good on desktops, mobile devices, and any screen sizes in between. 😉
Keep coding (and happy coding, too)! 😁
And happy holidays! 🎄
1
Please log in to post a comment
Log in with GitHub
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