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

Responsive Time Tracking Dashboard with HTML, CSS and JS

Ray 430

@ray-mak

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

John Pugh 340

@JohnPugh688

Posted

Hi Ray,

Your project look great! It's great to see all the different ways people have approached this one. One thing i would suggest to make things make things easier for you when scrolling throw your code is separating the different cards into sections. I find this a little bit easier as you can collapse each section as you'r not working on it. Although maybe thats not really necessary when you'r using css.

Another thing i would suggest is not setting a maximum width for different media screen sizing but instead allow it to flex and be responsive as all phones and tablets ect will have different screen sizes and this just allows things to flow nicely.

Always worth experimenting.

Good luck with your next project and hope this helps in some way.

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