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

FIRTS MOBILE, CSS GRID, CSS FLEX, BEM, JS, DOM, BASIC ANIMATION

@HunigoleSan

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


My biggest difficulty 😓: CSS GRID combined with first mobile 📱, although I had no problems applying it at the beginning. When it was readjusted for other devices such as tablets or PC 💻, I had to think a little more 🤔.

Know best practices 🚀: I would like to know what techniques to optimize code in JavaScript to avoid many lines of code that could confuse the developers who will read my code 🤯.

Community feedback

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