Added a note about prefixes

tailwindlabs · Jul 28, 2023 · 7cf8dbf · 7cf8dbf
1 parent e53d76e
commit 7cf8dbf
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -72,6 +72,19 @@ To stop an element from acting as a container, use the `@container-normal` class
   <!-- ... -->
 </div>
 
+### With a prefix
+
+If you have configured Tailwind to use a prefix, you'll also need to prefix `@container`:
+
+```html
+<div class="tw-@container/main">
+  <!-- ... -->
+  <div class="@lg/main:underline">
+    <!-- This text will be underlined when the "main" container is larger than `32rem` -->
+  </div>
+</div>
+```
+
 ## Configuration
 
 By default we ship with the following configured values: