Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React and Tailwind

shalri 530

@shalri

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • 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 created a React component to display the profile's social links. This allows the code to be reusable. The component gets data from users.js using the component's props .

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

Nothing really, just enjoying these challenges...

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

I am all good for now. Just having so much fun doing these challenges!

Community feedback

@MisterSixz

Posted

That's so cool! Could I ask you something please? So, how do you know the exact size of the design?

0

shalri 530

@shalri

Posted

@MisterSixz Thank you. Regarding getting the exact size, I usually open the design image with Figma and use the measuring tools there. When I have the measurements of the main components (i.e. the main div, image, header), I use them as baselines and eyeball it

I hope this helps. Cheers

1

Please log in to post a comment

Log in with GitHub
Discord logo

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