Results Page with Flexbox and a Little Grid

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

I am proud of the card being centered at all screen sizes. This has been a big struggle for me but I figured it out with this code.

.main {
    display: flex;
    margin: auto; 
    inset: 0;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

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

I couldn't get the icons to align vertically with the rest of the elements despite using align-items: center; for each list element.

The main challenge was getting everything in the right place and to be the right size to match the design. I had to keep comparing it side by side to the design to make sure I got it right.

Centering the card itself was a challenge, a bunch of the solutions I found online didn't work but I found one that did.

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

Any feedback is much appreciated! If you have any suggestions on how I could organize my CSS or write less of it, I'd love to hear it.