🎨 Tailwind Customizing

Tailwind is super flexible because you can customize its default styles by tweaking the tailwind.config.js file. You can add custom colors, fonts, spacing, and even extend core utilities.

🔧 Custom Config Example

Here’s a typical tailwind.config.js that adds custom colors and fonts:

💡 Tip: After editing your config, don’t forget to restart your build tool (like npm run dev) so Tailwind picks up your changes.

🖥️ Usage Example

Once customized, use your new styles in HTML like this: