Qr Code Component

It's my first time trying out tailwind-css, and I must say, it's really cool 👌 I had problem with the config though, any changes I made to the tailwind.config.js file overrides all tailwind properties (dunno why tho), say

colors: {red: '#ffffff"}
<div class="text-red"></div>

From what I understand, I'm supposed to still be able to access text-red-100 etc., but that's not the case. Still thinking of a work around for that. 🤔

Your feedbacks would be appreciated.