Skip to content
Submitted over 3 years ago

Responsive Time Tracking Dashboard

Shubham Saurabh•270
@shubhsaur
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Can someone please suggest how to do active states for dotted menu only whenever i hover over it without enabling active state for activity cards, as it should hover my whole card altogether.

Thanks in advance!

Code

Please log in to post a comment

Log in

Community feedback

  • Kaung Zin Hein•720
    @K4UNG

    Hey! Great job on this project. For the hover thing tho, I also had the same issue. Unfortunately, you can't hover over the child without hovering over the parent. But you can use a trick called sibling trick which was what I used. How it works is basically, you add an additional child and when you hover over the card, you put the effect on that child and not the parent but make it seem like it's the parent by making it the same size as the parent. Then when you hover over the icons, it'll remove the hover from that child because they're siblings. You can see my code or search it up online. Hope this was helpful. Happy Coding!

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