Responsive Layout for Results Summary Component with CSS variables.

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

I stripped out the stroke for the svg files and re-populated it with CSS variables and data-types to allow easy changing of the colors for those summary items in the future. You would just need to change the color at one location and it will adjust the background, svg icon, and title of the result all at the same time.

I would attempt to mess with the JSON data and pull the information in from there, but wanted to use the data-type and svg tag for the coloring instead.

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

Biggest challenge was remembering the svg stroke replacement and creating those variables to adjust it. I looked back at a previous tutorial I had done with that process to refresh my memory.

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

Nothing in particular, but will always take suggestions and critiques.