Skip to content
Submitted about 2 months ago

Social Links Profile Using Tailwind CSS

Fauzan Reza•180
@codebyfauzan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

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

  • Jaylen Baxter•300
    @JYLNPosted about 2 months ago

    Great work on this! I have just a few suggestions looking over your code:

    1. 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] and text-[0.75rem] classes for your font size values. This design works well with the default sizes provided with the text-2xl and text-sm classes, both of which may help with some of the spacing and sizing that's missing between your solution and the design.

    2. 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 helpful
    1
    Fauzan Reza•180
    @codebyfauzanPosted about 2 months ago

    Thanks, really appreciate that 👍@JYLN

    1

Please log in to post a comment

Log in with GitHub

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