From a94f1b6c7b9b6d491ee431a5f0b69ee8aa50e46e Mon Sep 17 00:00:00 2001 From: John Robinson Date: Sat, 16 May 2026 15:35:43 +0100 Subject: [PATCH 1/2] JohnRobinson-Form --- Form-Controls/index.html | 45 ++++++++++++++++++++++++++++++++++------ 1 file changed, 39 insertions(+), 6 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..aeba24b5e 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -13,15 +13,48 @@

Product Pick

- - -
+
+

T Shirt Order Form

+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
From 22f1337e283486298204c4216e1f520770595c96 Mon Sep 17 00:00:00 2001 From: John Robinson Date: Sat, 16 May 2026 16:07:49 +0100 Subject: [PATCH 2/2] JohnRobinson/Form --- Form-Controls/index.css | 35 +++++++++++++++++++++++++++++++++++ Form-Controls/index.html | 1 + 2 files changed, 36 insertions(+) create mode 100644 Form-Controls/index.css diff --git a/Form-Controls/index.css b/Form-Controls/index.css new file mode 100644 index 000000000..4797bc3d8 --- /dev/null +++ b/Form-Controls/index.css @@ -0,0 +1,35 @@ +body { + font-family: Arial, sans-serif; + padding: 20px; + background-color: Pink; +} +h2 { + text-align: center; +} + +.form-group { + width: 60%; + background: white; + text-align: left; + display: block; + margin: 0 auto; + padding: 10px; + border-radius: 8px; + box-shadow: 0 4px 6px rgba(0,0,0,0.1); +} + +label { + display: block; + margin-bottom: 5px; + font-weight: 600; +} + +input[type="text"], +input[type="email"], +select { + width: 100%; + padding: 8px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; /* Crucial for width alignment */ +} diff --git a/Form-Controls/index.html b/Form-Controls/index.html index aeba24b5e..121da26c3 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,6 +1,7 @@ + My form exercise