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

#accessibility#solid-js

@AnoshSohail

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


I was not able to show data on load it is working when user clicks on the daily, weekly or monthly button. Also I tried to center it vertically but failed! Please guide me on how to do that. Feedback is appreciated!

Community feedback

Hania B. 1,360

@techanthere

Posted

It's probably because all the data input is done on clicking the tabs only, you should consider adding default text for the weekly stats tab and disable it, you can add this text at the start before any click action is done or put it in a function and reuse when that tab is clicked later as well. Didn't totally understand your question about vertically centering but if it's for vertically centering the content of the main cards in mobile view, then you should add top and bottom padding in the body.

Marked as helpful

0

@AnoshSohail

Posted

@techanthere Thanks, yes I was asking about vertically centering the content. Will try what you have suggested :)

1

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