Updated Complete Tailwindcss Classes

src/pages/forms.astro

@@ -4,7 +4,7 @@ import Field from "../components/Field.astro";
 import Base from "../layouts/Base.astro";
 ---
 
-<Base class="p-4">
+<Base class="wr:p-4">
     <Form
         title="Create Project"
         description="Fields marked * are required."
@@ -48,14 +48,14 @@ import Base from "../layouts/Base.astro";
             placeholder="Enter the description"
             value="YESY"
             rows={5}
-            class="sm:col-span-2"
+            class="wr:sm:col-span-2"
         />
         <Field
             name="channel"
             label="Default channel"
             kind="radio"
             value="email"
-            class="sm:col-span-2"
+            class="wr:sm:col-span-2"
             options={[
                 { value: "email", label: "Email" },
                 { value: "sms", label: "SMS" },
@@ -66,7 +66,7 @@ import Base from "../layouts/Base.astro";
             name="agree"
             label="I agree to the Terms"
             kind="checkbox"
-            class="sm:col-span-2"
+            class="wr:sm:col-span-2"
         />
     </Form>
 </Base>