From 7cf8dbf86cf83f5c0769cc1e9541ac0bb72deb1c Mon Sep 17 00:00:00 2001 From: Scott Mebberson <74628+smebberson@users.noreply.github.com> Date: Fri, 28 Jul 2023 10:51:59 +0930 Subject: [PATCH 1/2] Added a note about prefixes --- README.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/README.md b/README.md index 886f640..888cff7 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 +### With a prefix + +If you have configured Tailwind to use a prefix, you'll also need to prefix `@container`: + +```html +
+ +
+ +
+
+``` + ## Configuration By default we ship with the following configured values: From f8b067d65f450e975f45a878e131a4e05739590b Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Fri, 28 Jul 2023 06:56:42 -0400 Subject: [PATCH 2/2] Update README.md --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 888cff7..0538d51 100644 --- a/README.md +++ b/README.md @@ -74,13 +74,13 @@ To stop an element from acting as a container, use the `@container-normal` class ### With a prefix -If you have configured Tailwind to use a prefix, you'll also need to prefix `@container`: +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 -
+
-
- +
+
```