From 6d2ed597c945a6fc9a8c941d4c45086867e67b98 Mon Sep 17 00:00:00 2001
From: April Hall <ari@arithefirst.com>
Date: Wed, 12 Feb 2025 23:37:32 -0500
Subject: [PATCH] docs: Update installation instructions for TailwindCSS V4

Updates the installation instructions for the plugin for Tailwind V4.
Matches the instructions for the already updated docs in `@tailwindcss/typography`.
---
 README.md | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 310cc99..036f4cd 100644
--- a/README.md
+++ b/README.md
@@ -6,25 +6,20 @@ A plugin for Tailwind CSS v3.2+ that provides utilities for container queries.
 
 Install the plugin from npm:
 
-```sh
-npm install -D @tailwindcss/container-queries
+Install the plugin from npm:
+
+```shell
+npm install -D @tailwindcss/typography
 ```
 
-Then add the plugin to your `tailwind.config.js` file:
+Then add the plugin to your main `style.css` file:
 
-```js
-// tailwind.config.js
-module.exports = {
-  theme: {
-    // ...
-  },
-  plugins: [
-    require('@tailwindcss/container-queries'),
-    // ...
-  ],
-}
+```diff
+  @import "tailwindcss";
++ @plugin "@tailwindcss/typography";
 ```
 
+
 ## Usage
 
 Start by marking an element as a container using the `@container` class, and then applying styles based on the size of that container using the container variants like `@md:`, `@lg:`, and `@xl:`: