Skip to content
Submitted over 2 years ago

Responsive Time tracking dashboard

Bashar Khdr•930
@BasharKhdr1992
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

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
    @turtlecrabPosted over 2 years ago

    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
    Bashar Khdr•930
    @BasharKhdr1992Posted over 2 years ago

    @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
    Bashar Khdr•930
    @BasharKhdr1992Posted over 2 years ago

    @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

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