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

Okkie14 330

@Okkie14

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


Trying to get my pages more accessible for a variety of users Any Feedback on that or in general is welcome

Community feedback

@BarbarosTeoman

Posted

Hello Okkert, I think you did pretty well. I just saw 2 things:

  1. The height of .image is too much, therefore the color is seen around containers
  2. You did good while doing it relative, just one thing disturbed me. When the size of width is 450px or 1200px, you are changing widths. I am using chrome developer tab, and changing the screen sizes from there, the change of widths aren't smooth, for example when the screen is 1201px when it becomes 1200px the widths change instantly, you can solve this by playing with numbers. Also a small note, you can use something like @media screen and (400px < width <= 1000px) instead of 2 width comparessings. I tried reaching you from your profile -> your github -> your linkedIn but the linkedIn link is wrong, so couldn't you. If you reach me from my profile I could help you with python.
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