Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. “Tailwind CSS is the only framework that I've seen scale on large teams.How do I change the background color of my tailwind site?
You can customize your color palette by editing the theme.colors variable in your tailwind.config.js file, or customize just your background colors using the theme.backgroundColor section of your Tailwind config. By default, only responsive, hover and focus variants are generated for background color utilities.What can you do with tailwind?
Tailwind includes an expertly crafted set of defaults out-of-the-box, but literally everything can be customized — from the color palette to the spacing scale to the box shadows to the mouse cursor. Use the tailwind.config.js file to craft your own design system, then let Tailwind transform it into your own custom CSS framework.Why use targettailwind for your next project?
Tailwind automatically removes all unused CSS when building for production, which means your final CSS bundle is the smallest it could possibly be. In fact, most Tailwind projects ship less than 10kB of CSS to the client. Responsive everything.