From c287ac75d50ad71f7f4813c9007e33029a50358e Mon Sep 17 00:00:00 2001
From: Scott Mebberson <74628+smebberson@users.noreply.github.com>
Date: Fri, 28 Jul 2023 20:26:54 +0930
Subject: [PATCH] Added a note about prefixes (#19)

* Added a note about prefixes

* Update README.md

---------

Co-authored-by: Adam Wathan <adam.wathan@gmail.com>
---
 README.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/README.md b/README.md
index 886f640..0538d51 100644
--- 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, make sure to prefix both the `@container` class and any classes where you are using a container query modifier:
+
+```html
+<div class="tw-@container">
+  <!-- ... -->
+  <div class="@lg:tw-underline">
+    <!-- ... -->
+  </div>
+</div>
+```
+
 ## Configuration
 
 By default we ship with the following configured values: