make a new Tailwind h3

withastro · Jun 23, 2023 · 39d8c27 · 39d8c27
1 parent 7cb4a8b
commit 39d8c27
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/src/content/docs/en/guides/styling.mdx b/src/content/docs/en/guides/styling.mdx
@@ -429,9 +429,22 @@ import "../components/make-it-purple.css"
 
 ## CSS Integrations
 
-Astro comes with support for adding popular CSS libraries, tools and frameworks to your project like [Tailwind][tailwind] and more!
+Astro comes with support for adding popular CSS libraries, tools and frameworks to your project like Tailwind and more!
 
-📚 See the [Integrations Guide](/en/guides/integrations-guide/) for instructions on installing, importing and configuring these integrations.
+### Tailwind
+
+To use Taiwind in your project, install the offical [Astro Tailwind integration][tailwind] using the `astro add` command for your package manager:
+
+```sh
+# Using NPM
+npx astro add tailwind
+# Using Yarn
+yarn astro add tailwind
+# Using PNPM
+pnpm astro add tailwind
+```
+
+📚 See the [Integrations Guide](/en/guides/integrations-guide/) for instructions on installing, importing and configuring Astro integrations.
 
 
 ## CSS Preprocessors