fix: resolve form button layout

Author: adam5096

index.css

@@ -229,7 +229,7 @@
       }
 
       button {
-        /* width: auto; */
+        width: auto;
         height: 42px;
         font-size: 20px;
         margin-bottom: 10px;
@@ -742,21 +742,20 @@
           margin: 0 auto;
           margin-block-start: 40px;
 
-          width: 416px;
+          max-width: 416px;
+          width: 100%;
           height: 56px;
           background-color: var(--button-bg);
           color: #fff;
-
           font-size: 16px;
           line-height: 24px;
-
           border: none;
         }
 
         & button:hover {
           cursor: pointer;
           transition: all 0.5s ease-in-out;
-          transform: scale(1.3);
+          transform: scale(1.1);
         }
       }
     }

index.html

@@ -166,17 +166,17 @@ <h2>聯絡我們</h2>
 
                     <form>
                         <label for="name">姓名</label>
-                        <input type="text" name="name" id="name" placeholder="姓名" required>
+                        <input type="text" name="name" id="name" placeholder="童話裡的心理學" required>
 
                         <label for="phone">聯絡電話</label>
-                        <input type="tel" name="phone" id="phone" placeholder="連絡電話" maxlength="10" pattern="[0-9]{10}"
+                        <input type="tel" name="phone" id="phone" placeholder="0912-345-678" maxlength="10" pattern="[0-9]{10}"
                             required>
 
                         <label for="email">電子郵件</label>
-                        <input type="email" name="email" id="email" placeholder="電子郵件" required>
+                        <input type="email" name="email" id="email" placeholder="[email protected]" required>
 
                         <label for="comment">意見反應</label>
-                        <textarea name="comment" id="comment" placeholder="意見反應"></textarea>
+                        <textarea name="comment" id="comment" placeholder="好想出國玩"></textarea>
 
                         <div class="agreement">
                             <input class="check-input" type="checkbox" name="agree" id="agree" value="true">