Design comparison
Solution retrospective
Here's my solution. I know my code could be a bit better. I think my naming for my classes got messy after awhile on this one. I also know accessibility needs work, just not that far in my learning journey.
I've never done this sort of tool tip, so that was a learning experience. I don't think I positioned it quite correctly. Because of the html structure I ended up having to adjust the popup in relation to it's parent div rather than in relation to the button.
I also used display: none to toggle the different states. It seems to work fine, but I don't think I can animate anything based on the display status.
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