Social Links Profile

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

Built with. 🔨

• HTML.
• Tailwind.
• Vite.

New Things Learned. 🎓

• Using @apply to add utility classes to my custom classes defined inside the styles.css file.

  @layer base {
    *:focus-visible {
      @apply outline-[0.125rem] outline-dotted outline-primary-400 outline-offset-[0.125rem];
    }
  }
  

Ending Notes. 📝

• After my previous project, which was my first Tailwind project, I wanted to do another small component project using Tailwind to become more familiar with it.

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

• The padding between the edges of the container and the content were different in mobile screens and desktop screens. I got the result using a clamp(), so I could skip having a media query only for that value.

  @layer utilities {
    .p-clamped {
      padding: clamp(1.5rem, 5vw, 2.5rem);
    }
  }
  

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

Would love some overall feedback on any areas where I can improve.