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

@nihilboy1

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


Esse deu um trabalhinho de fazer, mas foi muuuito massa concluir. Fiz o react pra poder abrir espaço pra componentização e me economizar um esforço, e também usei styled components. Acho que ficou bem bom. 100% responsivo

Community feedback

pmork7 150

@pmork7

Posted

It looks good! Nice work.

A critique I would make is that the background is peeking through on the corners of the desktop grid cards. Maybe the dark blue inside cards need to be slightly larger to cover up the gap.

You can declare variables in your CSS stylesheet like :root {--blue: hsl(246, 80%, 60%);} and then reference them in your CSS like .body {background-color: var(--blue);} so that you don't need to copy and paste hex values or rgb values which can be confusing.

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