Fix mobile layout for request forms: use max-width on iframes instead of width attribute to avoid overflow on phones

- Updated Form component (snippets/form.mdx) to render <iframe> with style={{width:'100%', maxWidth}} instead of width={width} attr
- Updated .form styles (style.css): box-sizing:border-box + default max-width:500px for robustness

Author: tcaldwell-x

snippets/form.mdx

@@ -1,9 +1,10 @@
 export const Form = ({ src, width="500", height="1000" }) => {
+  const maxWidth = `${parseInt(width, 10) || 500}px`;
   return <iframe 
         className="form"
         src={src}
-        width={width}
         height={height}
+        style={{ width: '100%', maxWidth }}
         frameborder="0"
         allowfullscreen>
     </iframe>

style.css

@@ -8,8 +8,10 @@
   letter-spacing: -1%;
 }
 .form {
+  box-sizing: border-box;
   padding: 15px;
   width: 100%;
+  max-width: 500px;
   min-height: 300px;
   overflow-y: auto;
 }