Results Summary Component Solution using Next.js + Tailwind CSS

Employing a mobile-first design with Tailwind can be very simple if approached with the correct scaffolding for the DOM. Just a few media query utility classes and the design is configured for larger screen sizes.

I tried to figure out a way to dynamically read in the JSON data but couldn't quite work it out. For now, I've only parsed the JSON and referenced the data points with hardcoded values. Any advice for a better, more dynamic, approach to this is greatly appreciated!