Design comparison
Solution retrospective
I can code faster for this challenge than previous challenge
What challenges did you encounter, and how did you overcome them?didn't meet any of them
What specific areas of your project would you like help with?I wanted to know the best practice of project structure tailwind css standalone
Community feedback
- @JYLNPosted about 1 month ago
Great work on this! I have just a few suggestions looking over your code:
-
A lot of the default spacing values of Tailwind fits well with this project given the design constraints, so you can get away with using a lot less arbitrary values in your code. For example, you have
text-[1.125rem]
andtext-[0.75rem]
classes for your font size values. This design works well with the default sizes provided with thetext-2xl
andtext-sm
classes, both of which may help with some of the spacing and sizing that's missing between your solution and the design. -
You have one set width for your social links card. You may consider using the Tailwind breakpoints to adjust the width of the card based on different screen sizes
Great work configuring your Tailwind config! With these challenges, I've gotten a lot more practice configuring Tailwind to fit specific needs and do more things that I need it to farther than the default that's provided.
Marked as helpful1 -
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