Social Links Profile

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

I'm proud of using max-width: 100% appropriately for the .cardContainer class.

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

I had issues vertically centering the text within the a tags. In order to do this I had to ensure that the a tags took up the full width of its parent container li. I then applied display: flex and align-items: center to the li tags and then applied line-height: 60px to the a tags to match the height of the li containers.

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

I would like some advice on how to make the .cardContainer more dynamically responsive in both height and width. I feel this can be accomplished with media queries but I feel as if there is a simpler way as well.