Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive grid layout

joacomenda 170

@joacomenda

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

P
jasoneczek 320

@jasoneczek

Posted

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

Log in with GitHub
Discord logo

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