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

Responsive design, SCSS, Webpack, HTML, CSS

Denilson 220

@DenilDenilson

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


Only feedbacks

Community feedback

@michey85

Posted

Hey! Nice job, man!

I have couple of comments:

  • you need a default active status for links
  • delete .eraser-img tag, you don't need it at all - just add overflow: hidden to you sections and you will get the same result, but without extra div's
  • try to name your css classes more explicit than 'block1,2,3'
  • it is always better to use something unique - margins OR padding, for example the last paragraph (last week ...) now has both of it, but it's better to use just padding

Try to add js logic for this. It will be fun!

Good luck!

0

Denilson 220

@DenilDenilson

Posted

@michey85 Thanks, Overflow:hidden is gold

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