Time tracking dashboard with HTML, CSS and JavaScript

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

• Can build a neat HTML structure, and use CSS grid feature to overlap content
• Know how to import data, build function and use string literal in JavaScript

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

• Most of the challenges that I faced come from layout (like how to use grid for this, how to overlap the image, etc...)
• One more problem is from import data to use:

import data from './data.json' with { type: 'json' }

This is the easiest way to import data and works fine on Chrome, Edge and Opera, but Firefox does not support it.

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

Is there a way to load data in JavaScript easier and all browsers can work well on?