HTML, CSS, grid, flex

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

Most proud: -It looks accurate

What would I do different: -After completion I realized I was suppose to include focus state as part of the challenge. I would include it next time

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

2. Adding padding on one side of a circle shaped element, can ruin the perfect circle shape -In contrast, adding margin on one side of a element, will not affect circle shape

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

Open to all feedback. I did try to do the last portion, as a grid section, but I failed and fixed it by just using flexbox. I think I'm confused. "grid-template-rows" I managed to get rows. But I'm not sure each element was divided in each row how intended.... As I write this, I'm thinking maybe I had to make all my elements share a class name, I just thought my elements would organize into each created row equal(1 , for each row).... hmmm or maybe I don't understand how to put content in each individual row... I'm not sure...