Building a Hoverable Server Selector With SVG
SVGs are easy to style directly using Tailwind's utility classes. Using the inspector tool, we are going to learn how to take an SVG from the Discord app, color it, and modify its properties on hover.
The code for this lesson is divided into two sections, with this you can see the progress on the code.
Note: in Tailwind v2 you needed to add mode: "jit" to tailwind.config.js. For v3+ it is the default so that is not required. (v2 docs: https://v2.tailwindcss.com/docs/just-in-time-mode). Anyways, if you are on Tailwind v2, you should upgrade to v3, it's straightforward: https://tailwindcss.com/docs/upgrade-guide#migrating-to-the-jit-engine
Oh, I meant to put that comment on the following video. (There's not an option to delete the comment, apologies, hope it doesn't cause confusion for anyone)