Time Tracking Dashboard using Tailwind
Design comparison
Solution retrospective
For this challenge, the tricky part is to arrange the box time, this in my opinion is quite tricky because this box must follow the responsiveness on various screen sizes for mobile is quite easy but for tablet and laptop screens it takes precision to arrange the box to follow according to the screen size, I suggest using grid and flex with both it will be more free to arrange the box.
Not good enough but i like it
Feel free to drop any feedback ✌.
Community feedback
- @XxtbmfxXPosted almost 2 years ago
I liked the hover transitions. 👌 Is good to add comments. I never add those ＞﹏＜
To avoid repeating elements you can use vue.js so you can divide the project in tiny lego pieces (and other frameworks but i think vue is the smallest and more sample use)
The data Doesn't show ＞︿＜ you could just add it manually for this exercise, mayor complexity arrives with other frameworks to work faster and more efficiently .
0@hiofadlikaakbarPosted over 1 year ago@XxtbmfxX thanks I appreciate your comment, but can I ask about the data not showing up is the json data not working or something?
0@XxtbmfxXPosted over 1 year ago@hiofadlikaakbar Yes, it doesn't show for some reason, try use the debug keyword to se what's happening: https://www.w3schools.com/js/js_debugging.asp besides that, is a really good page <3
0@hiofadlikaakbarPosted over 1 year ago@XxtbmfxX hmm quite strange, in my browser the json data works fine and to make sure I also tested it by sharing the preview with others and they responded the data works, not sure what bug is happening but thanks for your comment.
0
Please log in to post a comment
Log in with GitHub
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