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: first time w/ css grid and js

Elisa 50

@elisa-charrier

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


At the beginning of each project, I am always undecided about which are the smartest names to give to the classes. Any suggestions? I'd be happy to check out any alternatives to the script I wrote: I'm not a pro in Javascript. Feel free to report me your solution! Thanks to who will answer.

Community feedback

@FocusCookie

Posted

Your code and structure are awesome! A tip, the bottom corners of the smaller cards, you can see the other backgroundcolor. I transform and translateY the overlaying box by 1px ;)

Marked as helpful

0

Elisa 50

@elisa-charrier

Posted

@FocusCookie I did not know this trick. This thing bothered me a lot! I'll fix it immediately. Thanks

0

@GerriEzeocha

Posted

Great Work! Your question got me looking at naming conventions myself and it seems the BEM way is a good way to go!

Marked as helpful

0

Elisa 50

@elisa-charrier

Posted

@GerriEzeocha I'm glad I caught your attention! I agree with you... having a naming convention makes me think more about the structure and his coherence.

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