Skip to content
Submitted 4 months ago

Responsive & interactive dashboard using grids, flex boxes, & fetch()

sass/scss
P
Haley Underwood•190
@underhr
A solution to the Time tracking dashboard challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

This was my first project using JSON, so I'm proud I ended up figuring out how to get things working, but I have no idea what I really did, & just wrote the general consensus of what i figured out will work. Hopefully I'll be quicker to figure it out on my next project using JSON.

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

If there's anything I could have done simpler or anything I should replace, let me know!

Code

Please log in to post a comment

Log in

Community feedback

  • Yacoub AlDweik•3,110
    @YacoubDweik

    Good job Haley!

    That was a clean and nice code, I'd suggest you removing that overflow-x hidden, cuz this gives a vertical scroll bar which is not nice, the vertical bar should be from the browser itself.

    If I were I would have used grid instead of flex in this case, with the help of auto-fit or auto-fill & minmax function, this would help avoid adding extra media queries, cuz the design is very wide and each div takes the full width on tablets now, otherwise if you insisted to use flex then you should use some media queries and play with width to get at least 2 elements in each row, keep it up!

    Marked as helpful

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