Submitted 3 months ago
Social Link Profile with React, Tailwind and Flexbox
@MinThent
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I think I'm getting better with flexbox and usage of react.
What challenges did you encounter, and how did you overcome them?I had a little difficulty with passing props to make map method work for printing out the social media links.
What specific areas of your project would you like help with?I would like some help with code reusability and maintenance. Also, suggestions on Tailwind usage would be helpful.
Community feedback
- @SaekitPosted 3 months ago
This solution looks good and matches the design well. Well done! I have a couple suggestions for improvement:
- Since the social links are technically navigation buttons it would be better to use an
<a>
tag or a<button>
tag instead of a<p>
within an<li>
. Using a button tag will also allow the user to select the button using the tab key. - Some of the formatting, like in
SocialLinks.jsx
, is a bit off. Installing prettier in your code editor can help with that. Your Tailwind and reusable components look good!
Marked as helpful0 - Since the social links are technically navigation buttons it would be better to use an
Please log in to post a comment
Log in with GitHubJoin 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