Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Time tracking dashboard solution

@ojitxslml

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@sophiakoulen

Posted

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

@ojitxslml

Posted

@sophiakoulen that sounds great, thank you!

0

@viniciusdsv93

Posted

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

@ojitxslml

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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