Submitted 6 months ago

Responsive grid layout

joacomenda•170

@joacomenda

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?

I'm most proud of how the design adapts to different sreen sizes. I used a combination of grid-areas and media queries to make it happen.

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

It was hard to think how I wanted the tablet design to be, at the end, I think I made it look good.

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

For the moment, nothing.

Community feedback

jasoneczek•320
@jasoneczekPosted 6 months ago
Hello @joacomenda, nice job with your solution. It's nice and responsive, and I see you used the clamp function for fluid font sizes. It's working really well.
There seems to be an bug somewhere in your JS, because I am not getting the correct json data when clicking on your different tabs. If you open your console, you will see there is an issue with your for loop at line 21. I hope that helps put you in the right direction for debugging.
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