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

Social Links Profile Solution

@123Mikolaj

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 particularly proud of experimenting with SVG noise and grain effects in this project. Although these effects weren't part of the original project requirements, I saw it as a valuable opportunity to explore and implement something new.

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

One challenge was adding grain effects to the project. To tackle this, I watched a Juxtoposed tutorial:

https://www.youtube.com/watch?v=_ZFghigBmqo&ab_channel=Juxtopposed

It provided clear guidance on using SVG filters to create the desired effect. Additionally, ensuring semantic HTML for interactive elements like tabs was crucial for accessibility. I learned that using proper HTML elements and attributes is essential for both functionality and user experience, which improved the overall quality of the project.

Community feedback

@Gehad28

Posted

Wow!

  • I like that you did it your way and it really looks good.
  • The layout looks good on a range of screen sizes.
  • The code is well structured and readable.

Good job!

1

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