Time tracking dashboard solution

Please log in to post a comment
Log in with GitHubCommunity feedback
- @khatri2002
Hi @Abas-code!
The developed solution looks great! The hover effect on cards is really interesting! Great job on that!
Minor Suggestion for Improvement:
The text "Jeremy Robson" is overflowing from its container (
div
with class.person
) in the user card.This happens because the container has a fixed height, as seen in:
.person { height: 65%; }
This fixed height is unnecessary and is causing layout issues.
Simply remove the
height
property from.person
, allowing it to adjust dynamically based on content size.Why?
- The container will now resize naturally to fit the text.
- It prevents overflow issues.
Everything else looks great! Keep up the awesome work! 🚀
Marked as helpful - P@toshirokubota
Very nice! I like the way you handled the active state of each card by changing the opacity. I am also impressed that you took care of a single hour (hr) and multiple hours (hrs). Keep up the good work!!
Marked as helpful
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