# Using npm npm install tailwindcss@^1 # Using Yarn yarn add tailwindcss@^1 2 Add Tailwind to your CSS. Notice how hover:bg-sky-700 only defines styles for the :hover state? Added. Added. Get started with Tailwind CSS. A guide to configuring and customizing your Tailwind installation. Tailwind CSS It's fast, flexible, and reliable with zero-runtime. Ad. Courthouse Administration Building 400 S. Johnstone Ave. Bartlesville, OK 74003. But before writing the code, we must include the bootstrap CDNs in order Upgrade Guide Its also important to note that CSS classes cannot contain spaces, which means you cant use arbitrary values like calc(100px - 4rem) or 1fr 700px 2fr as-is. So here it is Tailwind CSS v3.1! To use it, install it via npm: npm install-D autoprefixer The presets option lets you specify a different configuration to use as your base, making it easy to package up a set of customizations that youd like to reuse across projects. In the output, the text and the link are working properly inside the image, and thus image overlay feature is demonstrated. This is because under-the-hood, frameworks like Vue and Svelte are processing every single