Submitted 3 months ago

Social Links Profile

Dylan de Bruijn• 3,190

@DylandeBruijn

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social links profile

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 had the most fun experimenting with GSAP, I'm trying to use it in more projects.

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

Getting the card to take up 100% width on mobile. Turns out it was just a simple media query. I tried min() but that didn't work.

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

Any feedback is much appreciated.

Community feedback

Alex• 3,130

@Alex-Archer-I

Posted 3 months ago

Hi!

Cool animation. I've never worked with gsap before, so I bookmarked your work to study it's pattern =)

One semantical suggestion. There is a list of links, so it's better to use ul and li elements here. And to put a inside of them.

Marked as helpful

Dylan de Bruijn• 3,190

@DylandeBruijn

Posted 3 months ago

Hi Alex,

Thank you for your feedback. I'm glad I could inspire you to study GSAP, it's a very helpful tool for web animation! I agree with your suggestion, nice catch.

Victor• 1,200

@VictorKevz

Posted 2 months ago

Pretty cool! 👌🏻

Please log in to post a comment

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