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

Flexbox & Grid & JS Mobile First - Time Tracking Dashboard

@tufcoder

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 liked the way I created my javascript, I redid it a few times and ended up with a version that I found very succinct and readable at the same time :)

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

It was definitely using display: grid. I consulted the MDN documentation a lot, but the one that helped me was W3Schools.

I was having difficulty defining the size and height of the elements within the grid. So for a moment I saw the "matrix", when I realized that I could put a grid inside another grid @.@

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

I consulted the documentation but I'm not sure if I'm following best practices with the display grid. But I keep trying, I think that with more practice I should absorb and evolve more.

Community feedback

@Omer-KISAKOL

Posted

A css library is available.

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