Outline tips on predefining Tailwind based styles

[devraj]

As you develop the design language of an application you layout how certain components look e.g Headers, Inputs. While it's tempting to copy the tailwind directive across the elements, the better thing to do is define these styles in tailwind.config.js and then use those styles.

This will also allow us to change the styles in one central location.

This particular idea will be useful for web site based projects using Tailwind + Gatsby | Next