Submitted 9 months ago

Responsive time tracking dashboard [ Grid layout / JS /JSON ]

accessibility, sass/scss

Bassel || باسل•520

@Basselfathy

A solution to the Time tracking dashboard challenge

Preview Code

Solution retrospective

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

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

Decreasing the screen size to tablet size made the cards shrink a lot and their text difficult to read, and instead of using media query to handle this situation.

I used grid-template-columns: repeat(auto-fill, minmax()); to let the cards wrap smoothly without affecting their styles and keep their text readable.

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

Every feedback and suggestion would be appreciated :)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Bassel || باسل's solution.

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