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 page w/ grid and media queries, and single function script

@Gioltek

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 first lvl 2 project on Frontend Mentor! I have been studying Javascript for the last month, and after some little projects here and there I decided to try my skill in these projects. It wasn't easy at first, there were some new challenges, such as fetching data from a JSON file, and also a parameter problem on my function, basically if I used the parameter in dot notation to go deep in an object it would bug out, so I had to use bracket notation. Yes, I know, pretty novice stuff, but I always used dot notation, so I totally forgot the bracket one. The js coding part seems clean to me, I tried to use less code as possible, I could've solved the javascript portion like 10x faster if I wanted to write a lot of code, but that's not how it's supposed to go, so I forced myself to write as l little code as possible, and I'm pretty happy with the result! I know my code is probably still on the bad side, but I'm sure that the more I code, the better I'll become, and I cannot wait to start a new project! Any feedback is always appreciated, have a nice day!

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