Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

responsive digital portfolio with CSS styling and external fonts

@wafae-haida

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm most proud of successfully creating a responsive and accessible digital portfolio, while effectively utilizing external fonts and hover animations for a polished look. Next time, I might delve deeper into advanced CSS techniques for even greater accessibility.

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

The biggest challenge was ensuring the custom fonts loaded correctly and appeared as intended. I initially encountered issues with incorrect @font-face syntax and font-weight values. By breaking down the @font-face rules for each font variant and correcting the syntax, I was able to resolve the problem. This taught me the importance of attention to detail and thorough testing.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord