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 mobile first design with SCSS

TiredQuan 245

@TiredQuan

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


I went on hiatus for a little while, wasn't able to code for like a month straight, I have a general question

How do you guys keep focus on making these projects, I know I have been having problems staying focused on doing challenges because I have to do this while in the mist of learning javascript, my previous challenge drive me mad because I couldn't figure out the javascript, which lead to me looking for tutorials and just not code for a period of time, maybe I'm just not used to the frustrations that comes with learning a new language, I know a bit of c++ so seeing JS looking somewhat similar to c++ makes me think it's the same, only afterwards do I found out about ES6, inbuilt functions and what not, all of it was just too much for me at the time

Currently I am doing codewar problems and challenges in here as well, I think that's a good way to minmax my learning, codewar so I could question and google the fundamentals of JS and frontend mentor so I could perfect my html and css even more

Community feedback

Carlos 1,110

@Carlos-A-P

Posted

Hey Tiredquan, this looks really great.

  • All I'd suggest is maybe using max-width's instead of fixed widths for your wrap div so that it's more responsive.
  • For this practice, you can also look into JSON objects and how to extract information out of them and use it in your javascript.

As for your other questions:

  • It is hard to keep focus at times, and it takes a lot of discipline. It's ok to take some time off; burnout can be a real pain but just know what's your limit. If a project seems to be taking longer than usual due to lack of motivation, I break it down into a week or whatever you feel best. I then do other tasks such as codewars, leetcode, blogs, job research, etc. Tutorials aren't bad either. What's important is that you learn from them and know how to implement what you learned in your next/current project. It takes a lot of practice. Lastly, it's hard to keep up with new advancements and technologies and everything a language can do. You can't memorize everything but what's more important is knowing how to use Google effectively and find what it is you need for a task. I hope this helps, and good luck on your coding journey!

Marked as helpful

1

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