Skip to content
Submitted over 2 years ago

Time tracking dashboard solution

Juan Pablo Urra•230
@ojitxslml
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hello! first time using a .json File.

Question!

-how can I remove the hover effect of the parent element (.stats) when cursor is over the three dots?

Any feedback about how to improve my code is welcome!

Community feedback

  • Sophia Koulen•150
    @sophiakoulenPosted over 2 years ago

    An approach would be to use javascript instead of :hover.

    A combination of a custom attribute that you can target with css and in js listening for the mousover and mouseout events to set that attribute to 'true'/'false' works very well.

    1
    Juan Pablo Urra•230
    @ojitxslmlPosted over 2 years ago

    @sophiakoulen that sounds great, thank you!

    0
  • VINÍCIUS DOS SANTOS VERISSIMO•250
    @viniciusdsv93Posted over 2 years ago

    Great work, man! Contratulations! In my project i inserted the darker card inside a bigger coloured one (orange, blue, green...). Because of that, the coloured borders at the bottom keep appearing, but you solved that perfectly. Very nice!

    1
    Juan Pablo Urra•230
    @ojitxslmlPosted over 2 years ago

    @viniciusdsv93 Thanks!! Keep up the good work 👏🏻

    0

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