Skip to content
Submitted over 1 year ago

Responsive Social links profile | Vanilla JS

LVL 1
@afrod31ty
A solution to the Social links profile challenge

Solution retrospective


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

Built with semantic HTML, custom CSS, and Vanilla JavaScript to meet the challenge specs. No frameworks—just clean, lightweight code. Deployed via GitHub Pages for quick and easy access. Focused on responsive design and functionality using native JavaScript.

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

I had some trouble with my @media css statements. I forgot they go after the original css, not before. Also, I was trying to implement color variables for easier coding and realized too late into the challenge that I had to store variables under :root {}, so there was some repetition there.

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

I wanted to make the cursor match the Figma without substituting it for an image file, because I feel like that's doing a lot. Any suggestions?

Update

I went ahead and used the cursor: url(), pointer property, but there's some lag in how it renders. As if the cursor is glitching from one spot to another upon hover. Any advice on how to fix?

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Renita M’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