Responsive social links page using CSS flexbox

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

Researching and finding out how to make divs focusable. I didn't want to use buttons

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

One of my main challenges was finding how to make divs focusable. In my quest to find this, i was able to discover that adding 'tabindex' to the attributes of a div, makes it focusable.

The second bit was making it responsive. Since i wasn't using any framework, i had to use media queries for the stated break point. However, using the @media keyword and the max-width property was still not working for some strange reason. I was able to use Chat gpt to find out i hadn't included a viewport attribute in my meta tag and that was the source of the issue.