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

P
Hexerse 460

@Hexerse

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


What are you most proud of, and what would you do differently next time?

Being able to learn how to generate the html.

What challenges did you encounter, and how did you overcome them?

Many my layout was bad and I did not know how to inject the html. I just kept researching.

What specific areas of your project would you like help with?

  • Width of parent container and child containers are wrong
    • Cause the background pictures to be displayed wrongly
    • Box looks stretched because of this

The dashboard is not very dynamic

The body seems to affect the other elements My width 100% and height 100% does not seem to affect the properties of the container section.dashboard

The SVG

How do I use hover so that the svg changes colour?

Community feedback

@Mohamed-Oday

Posted

This comment was deleted

0

P
Hexerse 460

@Hexerse

Posted

Didn't know how to implement it only works if you click the buttons.@Mohamed-Oday

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