Results Summary Component - React + CSS Modules

Hello everyone! This is my solution to results-summary-component , I used React.js for the project, I also used CSS Modules + classnames (A simple JavaScript utility for conditionally joining classNames together).

I have used the JSON file, I built a component for each category grade (for the row with the icon + grade), I combined js for the classes (for each category i built a css class and i have set it dynamically with the category name from the JSON file)

If any of you have any feedback on my project, I would be more than happy to hear it. Your feedback can help me grow and improve my skills, and I am always open to constructive criticism.

Some problems I had:

I found some difficulty to make this project responsive when it comes to mobile design.

I have some question about best practices like how to use color palettes and font family properly, some of my code was repetitive, like font-size, font-weight, and line height - any best practices for fonts is appreciated.