Skip to content
Submitted about 2 months ago

Social Links Profile: HTML5, TailwindCSS, node.js

Derik Boghozian•230
@psychederik
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'm proud at how the design turned out overall. I used Tailwind CSS in two different ways. My first go, I installed Tailwind using node.js, imported the custom fonts from the assets folder along with the color hex codes into the tailwind.config.js file and used them as my custom palette. The second attempt, I brought in Tailwind and the Inter fonts via CDN import.

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

The main challenge was the tailwind custom font and color palette control. It was much cleaner to just import from a CDN for a small project like this Social Links Profile mockup.

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

I'm confident I understood everything in this project.

Community feedback

  • Fikerte Tesfaye•210
    @Fikerte-TPosted about 2 months ago

    Hi @psychederik Great solution!! Its very nice that you are using Tailwindcss. Its okay to use CDN for prototyping and small projects like this. However its advised to install tailwindcss locally for building larger applications where customization and performance are important. It also makes the build process easy with tools like npm.

    In your html: there is no semantic reason to use nav because this is not a navigation bar. Using a list (<ul> and <li>) of anchor tag <a> is enough.

    Its very good to continuously improve your solution to make it look exactly like the design. It helps to work on our attention to details skill.

    Great work!! Keep going!! happy coding

    Marked as helpful
    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