Skip to content
Submitted 2 months ago

Time Tracking Dashboard Using JS and SASS

#sass/scss
P
leeport511•160
@leeport511
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

What are you most proud of, and what would you do differently next time?

I`d tried to do the logic more using my knowledge and less IA. Im proud of finished what i have started.

What challenges did you encounter, and how did you overcome them?

I spend much time trying to do something with flexbox and at the end i could understand how its work. lets go!

Community feedback

  • Jay Khatri•4,250
    @khatri2002Posted 2 months ago

    Hi! The developed solution looks great! Here are a few suggestions to refine it further:

    1. Addressing Inconsistent Gaps Between Cards

    • The row gap appears larger than the column gap between the cards.

    • Multiple flex containers are being used to position the cards.

    • While flexbox works well here, managing gaps and responsiveness can get challenging with complex layouts.

    • Consider using CSS Grid for more control over the layout and spacing.

    • With Grid, you can define consistent gaps between rows and columns using the gap property.

    • This will ensure uniform spacing and simplify responsive adjustments.

    2. Using button for Clickable Elements

    • You've used the li element for rendering Daily, Weekly, and Monthly options, with onClick handlers attached.
    • Since these options perform an action when clicked, using button elements would be more semantically appropriate.
    • So you can consider using a button inside li.

    You're doing a fantastic job! Keep up the excellent work! 🚀

    Marked as helpful
    1

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