Customized Social Links Profile

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

This was one where I definitely had to go back and adjust my classes and HTML tags a few times as I ended up realizing better ways to accomplish what I was trying to do partway through, especially with styling button-like anchors, but I feel like that helped me get a better grasp on how better to handle them from the start in the future. I also learned some nifty ways of making elements easier to resize during development and for responsiveness.

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

I had to reconsider how implement button-styled anchors if I wanted the text to be styled on its own colored background, especially since I wanted a way to make it easier to adjust if the size of the buttons were to change, so I ended up with the following:

:root {
    --button-height: 2.2rem;
}

.socials-main ul li a {
    height: var(--button-height);
    padding: calc(((var(--button-height) - 1em) / 2) - 0.125rem) 0;
}

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

I'm pretty happy with how this turned out, but I had to do a good bit of improvising and adjusting as I implemented my styling, so if there's any areas where I could have done better with keeping the code clean/avoiding redundancies or anything else of that sort, I'd be happy to hear it!