Skip to content
Submitted over 2 years ago

Time Tracking Dashboard using Tailwind

tailwind-css, fetch
Hio Fadlika Akbar•330
@hiofadlikaakbar
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

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 ✌.

Code

Please log in to post a comment

Log in

Community feedback

  • T0R0•280
    @XxtbmfxX

    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 .

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