Design comparison
Solution retrospective
I'm not very good with tailwind css, i am still learning. Thank you. I welcome suggestions in the comments.
Community feedback
- @bccpadgePosted 10 months ago
Hello @01057057kim. Congratulations on completing this challenge!!!π
When you upload your repository to Github you can add nodule_modules in the
.gitignore
file and the folder won't be shown.Here are few tips you might be interested in to improve your solution.
HTML π:
- Images must have descriptive alt text for screen readers
Example:
<img src="./assets/images/avatar-jessica.jpeg" alt="headshot of Jessica Randall">
- Be sure to understand the purpose of a HTML tags when you code your projects.
button
andlinks
are two different thingsMore infoπ:
Example:
<ul> <li> <a href="www.github.com">Github </a> </li> </ul>
- When adding a
font-family
be sure to add a fallback just encase the other font is unavailable.
font-family: "Inter", sans-serif;
The classes like
max-h-1400
andmin-w-375
are unnecessary on thebody
and on your<main>
tag you can addmax-w-[400px]
to your component and height property is not needed.Use the
mx-auto
which ismargin-left
andmargin-right
More infoπ:
Here is my solution to this challenge - Social links profile
I hope you find this useful and don't hesitate to reach out if you have any questions
Marked as helpful2
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