ash/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Form sizing

Browse Source
This commit is contained in:
ashtom50
2026-05-01 13:38:14 +01:00
parent aa9affe4d7
commit f1c4d91b41
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
content/contact.md
+11 -11
View File
@@ -16,24 +16,24 @@ showAuthor: true
--- ---
<form action="https://formspree.io/f/mykndyej" method="POST" class="contact-form" style="width: 100%; max-width: 850px; margin: 20px auto;"> <form action="https://formspree.io/f/mykndyej" method="POST" style="width: 100%; box-sizing: border-box;">
<div style="margin-bottom: 15px;"> <div style="margin-bottom: 20px;">
<label style="display: block; margin-bottom: 5px;">Name</label> <label style="display: block; margin-bottom: 8px; font-weight: bold;">Name</label>
<input type="text" name="name" required style="width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit;"> <input type="text" name="name" required style="width: 100%; padding: 12px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit; box-sizing: border-box;">
</div> </div>
<div style="margin-bottom: 15px;"> <div style="margin-bottom: 20px;">
<label style="display: block; margin-bottom: 5px;">Email</label> <label style="display: block; margin-bottom: 8px; font-weight: bold;">Email</label>
<input type="email" name="_replyto" required style="width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit;"> <input type="email" name="_replyto" required style="width: 100%; padding: 12px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit; box-sizing: border-box;">
</div> </div>
<div style="margin-bottom: 15px;"> <div style="margin-bottom: 20px;">
<label style="display: block; margin-bottom: 5px;">Message</label> <label style="display: block; margin-bottom: 8px; font-weight: bold;">Message</label>
<textarea name="message" rows="5" required style="width: 100%; padding: 8px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit;"></textarea> <textarea name="message" rows="5" required style="width: 100%; padding: 12px; border-radius: 5px; border: 1px solid #3d3d4d; background: transparent; color: inherit; box-sizing: border-box; resize: vertical;"></textarea>
</div> </div>
<button type="submit" style="background-color: #3d3d4d; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; width: 100%; max-width: 200px;"> <button type="submit" style="background-color: #3d3d4d; color: white; padding: 12px 30px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: opacity 0.2s;">
Send Message Send Message
</button> </button>
</form> </form>