Tailwind is not just a set of predefined classes (like bootstrap), it is a code generator (with plugins and flexible even without them). For example, if you de

Tailwind is not just a set of predefined classes (like bootstrap), it is a code generator (with plugins and flexible even without them). For example, if you define class `.myclass { @apply bg-red-100 hover:bg-red-50 active:bg-red-200 p-2 md:p-3 xl:p-4 animate-pulse; }`, tailwind will generate quite a big css ruleset, with @keyframes and @media-rules. And all of these media-rules are extensible, so if you want a different size for "md" or new suffix, just define it once in config and use everywhere.