Skip to content
Submitted about 1 year ago

Social link card component made in Vue with composition api

sass/scss, vite, vue, typescript
Ryan•30
@Ryoliveira
A solution to the Social links profile challenge
Preview (opens in new tab)Code (opens in new tab)

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?

Code

Please log in to post a comment

Log in

Community feedback

  • Juan Gomez•260
    @newbpydev

    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.

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