Design comparison
SolutionDesign
Solution retrospective
The tooltips were a challenge. I first tried to do it with them as a child of the bar. But this did not work since I was adding a opacity
to the bar when hovered which made the tooltip have the opacity as well. I managed to get them working by creating a container for the bar and when that container is hovered they appear. Using a visibility: visible
to be able to have a fade effect with transition
. I made the active bar the current day of the week which at the time of writing the is Saturday.
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