Submitted about 1 year ago

Responsive Social Links Profile using Media Queries with animations

LVL 3

Schindler Dumagat•510

@schindlerdumagat

A solution to the Social links profile challenge

Preview Code

Solution retrospective

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

What I am most proud of is that I was able to expand on my CSS skills. I was able to add animation to the card when hovered. I also implement a mobile first approach in build this project. I was able to implement responsive design using media queries.

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

I had trouble working with the animations of the buttons upon hovering. At first, I overcomplicated it but upon doing some research and trying things out, it was just simple. I just need to use the transition CSS property and make use of the hover pseudo class.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Schindler Dumagat’s solution.

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