Submitted 7 months ago

Time Tracking Dashboard Main

anderu•230

@anderutan

Preview site View code

This is a solution for...Time tracking dashboard

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

create layout with grid with tailwindCSS, next time should minimize the component as current Card.jsx take the job of rendering, should use Card for layout only and render in Profile.jsx

What challenges did you encounter, and how did you overcome them?

use grid for the layout as i render data inside Cards.jsx so i have to cut the Profile.jsx into 25% | 75% then inside Cards.jsx cut into 25% | 25% | 25%, i don't think this is good practice

What specific areas of your project would you like help with?

better way to plan the layout before start writing code

Community feedback

shalri•620
@shalriPosted 6 months ago
Another good job sir! Regarding the grid, you can set the parent container to 4 columns and then just span the children. This way you can avoid using specific percentages and just let the grid do the heavy lifting. I submitted my solution just now. Check my code to see how I implemented it. Cheers.
0

Please log in to post a comment

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