Order Summary Component using CSS Grid and Flexbox

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

I would love to use to relative units for layout and individual components as it gives more flexibility.

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

I fond it very tedious to use media queries for styling every individual element. For larger device sizes. I felt like I had to rewrite the whole css again.

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

I would like to know how to effectively use media queries so that I don't have to write the whole css again.

Second, I want to use relative units for flexible styling.

Question: Is it a good idea to use viewports units for font-sizes to that we don't have to worry about them while styling for different devices