Responsive Social Link Profile using only CSS default properties.

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

I have tried CSS variables in this project and tried give the page colors (fonts and background) with it.

I have used unordered list to keep the links of social medias . Next time I will try to keep the links in button tag. And style that accordingly.

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

I have faced problem while handling the focus state. I problem was the style of text inside anchor tag were changing but the list item style was not change then after doing some research I came to know that there is a thing called focus-within. This focus-within is handy when you want to handle the container style of the child when being focused. So this is how I have overcome the problem.