Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
The most challenging problem was figuring out how to deal with the small layout shift caused by disabling scroll whenever a modal would come out. I asked questions about the Discord channel and got a suggestion to use the usePreventScroll()
custom hook from the react-aria package. It took me a bit to figure out how to incorporate it into my solution, but now the modal is animated smoothly without any background layout shifts.
I'd love to receive some feedback on the quality of my code. Thank you!
Community feedback
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