Responsive Social Links Profile

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

I liked how the links turned out because I used button tags in html to enable focusing of the links with tab.

Changing the outline of an element on the focus pseudo-class allowed me to do this:

.link:focus {
    outline-color: var(--green);
}

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

I big challenge that I had was trying to style mobile and medium devices with media queries. I got to a good point but, the project could be more refined.

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

I'd like help with the media queries. Any feedback on these styles would be helpful:

@media screen and (max-width: 48rem) {
    main {
        padding: 2.5rem;
    }

    .container {
        width: 28.5rem;
    }

}

@media screen and (max-width: 23.4375rem) {
    main {
        padding: 1.5rem;
    }

    .container {
        max-width: 20.4375rem;
        padding: 1.5rem;
    }
}