Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tailwind and Next - Social Links

P

@slangley

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I like how this one came together. I'm not overly keen with the duplication when using Tailwind, so next time I would likely use variables (either Javascript), or some theming. However I'm trying to use a single repo for all of these, so themes might be a bit harder.

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

Responsive layout using Tailwind. I finally understood how it works. The default lower bounds is the smallest, and you specify the boundaries where the layout changes.

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

At this point nothing.

Community feedback

@stefanelli990

Posted

I noticed you're using Next.js, which is a powerful tool, but for this type of project, you could achieve the same results using plain React without the need for Next.js. Since there isn't a specific need for server-side rendering or dynamic routing here, sticking to React might simplify the setup and reduce unnecessary complexity.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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