Submitted 6 months ago

Social link card component made in Vue with composition api

Ryan•30

@Ryoliveira

Preview site View code

This is a solution for...Social links profile

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Got more comfortable with short hand declarations.

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

I had a hard time deciding how to code the links. At first i tried to do an anchor tag within a div, but then when clicking the div, nothing would happen. I ended up going with a div and a @click event to redirect the user to a redirect function.

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

Are my css properties structured correctly?

What overall improvements can I make?

Community feedback

Juan Gomez•260
@newbpydevPosted 5 months ago
Very nice Ryan, since you have created your version a nice little feature you might try is adding a customized theme, or adding the dark/light mode depending on the user's preferences. Take a look at the lighthouse, I believe you have a problem with the contrast of your name. Please keep in mind some people might have an issue reading it since it is almost being camouflaged to the background color.
0

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