Build a Responsive Time Tracking Dashboard - HTML CSS JS - Frontend

Community feedback

• 

  P

  Andrew A Lee•330

  @drewleePosted 13 days ago

  The solution visually and functionally looks good. The elements are slightly bigger than in the design spec, but not a major problem.

  Some things to consider:

  • There's a layout variant for tablet-sized screens, where the navigation is at the top, just like in mobile, but the activity cards are broken up into 3 columns and 2 rows, similar to the desktop layout. So it's basically an "in-between" version of mobile and desktop.
  • We should try loading the JSON data asynchronously using a fetch request instead of hardcoding it in the JS file.
  • For accessibility, we should use actual interactive HTML elements for the navigation, such as <a> or <button>, so that they are operable by people with disabilities, especially by users who are unable to use a mouse and rely on the keyboard alone.

  Marked as helpful

  0

  ---

  

  feldspar58•200

  @feldspar58Posted 13 days ago

  @drewlee Thank you for the feedback I really appreciate

  0