fix alignment

shared/templates/styleguide2/form_page.html

@@ -16,7 +16,19 @@
     {% endfor %}
 
     <form
-      class="flex flex-col gap-8"
+      class="
+        flex flex-col gap-8
+
+        {% if not page.root_page.content_is_full_width %}
+          max-w-[100ch]
+        {% else %}
+          max-w-[100%]
+        {% endif %}
+
+        {% if page.root_page.content_is_centered %}
+          mx-auto
+        {% endif %}
+      "
       action="{% pageurl page %}"
       method="post"
     >

shared/templates/styleguide2/includes/atoms/text/heading.html

+<div
+  class="
+   {% if not page.root_page.content_is_full_width %}
+      max-w-[100ch]
+    {% else %}
+      max-w-[100%]
+    {% endif %}
+
+    {% if page.root_page.content_is_centered %}
+      mx-auto
+    {% endif %}
+  "
+>
   <{{ self.tag }}
     class="
       {{ responsive_style }}
@@ -9,3 +22,4 @@
   >
     {{ self.headline }}
   </{{ self.tag }}>
+</div>