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(React | Vite | JSON data | Responsive | Grid)

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


Take a look at my code , give me your opinion, advices , tips, corrections , All feedback are Welcomed as long as it is made with the intent of helping me improve on my Coding Skills. Thank you.

Community feedback

Bryan Li 3,550

@Zy8712

Posted

Your site looks great! The only main thing I suggest you to add is align-items: center and min-height: 100vh to your body selector in your css so that it centers vertically on your page.

Something like this should work:

body{
  display: flex;
  justify-content: center;
  align-items-center;
  min-height: 100vh;
  overflow: hidden;
  background: var(--clr-very-dark-blue);
}

Hope this helps 👍

Marked as helpful

0

@DantDev

Posted

@Zy8712 Great tip , I will be using that from now on . Thank you very much!

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