Submitted almost 2 years agoA solution to the Time tracking dashboard challenge
Time Tracking Dashboard Design
@softwaredev-sk
Solution retrospective
Hi guys, please review what can I improve in my code. I had to go implement a lot of flex inside grid. Not sure if this was expected, but I tried to code the design, but I need to be more familiar with pixel perfect detailing like most of you. Please point out mistakes so that I can improve and also share best-practices to follow for such massive design. It was tough to give time along with my job, but it was fun to implement a brainstorming solution with crunch of time. It might not be the best solution, but I'm glad that it is working.
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
- @muiruri3000
Well done, keep it! Two things to note.
- on github you can go to settings > pages > host your static site, then use the url to post here so someone can see a live example of your site.
- px are not responsive at different viewports, additionally, a user cannot change font-size using the browser settings. a solution will be to use rem for fonts, and em for padding and margins, you can also use percentages(%). these are much more adaptable to different screen sizes. here's an explanation https://youtu.be/_-aDOAMmDHI Otherwise good work. the replica is awesome!
Marked as helpful
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