Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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

#react

@BasharKhdr1992

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


Your feedback is highly appreciated. What's wrong with the screenshot utility. It absolutely does not reflect the actual solution I have submitted. The dimensions are incorrect, the font is not the one I have used. Any idea how does it work. I would appreciated that.

Community feedback

turtlecrab 550

@turtlecrab

Posted

Hey, for me the solution looks exactly like in the screenshot. I think the problem is that you didn't import the font(via css or html) and you probably have installed that font on your computer so it's working for you.

And that gap in the middle is caused by min-height's of .dashboard, .main-card and .personal-details, it looks nice on smaller screens, but breaks the layout on big ones.

Hope that helps.

Marked as helpful

0

@BasharKhdr1992

Posted

@turtlecrab Yeah, I am installing the font on my system instead of importing it into the project. Thanks for reviewing the code. I will fix the issues.

0

@BasharKhdr1992

Posted

@turtlecrab Your tip helped me a lot. Thank you a lot man, and happy coding

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