Responsive Social Links Profile with Custom Fonts & Flexbox

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

I'm most proud of integrating custom fonts using @font-face and maintaining a responsive layout through a mobile-first approach. Next time, I’d explore CSS Grid for more complex layouts and focus more on performance optimization, like using font-display: swap and serving fonts in WOFF2 format for faster load times.

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

A significant challenge was creating a responsive design that adapts seamlessly across different screen sizes without overusing media querries. I used Flexbox for layout management, which allowed me to center elements both horizontally and vertically with the my custom classes .flex and .flex-center. Additionally, I employed a media query to adjust the width of the list of links on larger screens, ensuring a consistent and balanced layout.

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

Any suggestions for enhancing the code organisation and accessibility, would be appreciated.