Responsive Card with TailWindCSS and HTML5

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

Added a smooth background color transition which starts from the center.

<div
    class="relative group text-md bg-link w-full text-center rounded-lg p-3 tracking-wide hover:text-link duration-200 cursor-pointer overflow-hidden"
>
    <div
        class="absolute inset-0 opacity-0 w-full scale-x-0 h-full bg-address rounded-lg transition-all duration-200 group-hover:scale-x-100 group-hover:opacity-100 z-0"
    ></div>

    <span class="relative z-10">GitHub</span>
</div>

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

None

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

N/A