From 5f488224c04e54a12d2621772b1b1c542f9667a9 Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Wed, 9 Sep 2026 17:29:25 +0100 Subject: [PATCH 01/10] Add name and email fields --- Form-Controls/index.html | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..221ea9928 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,7 @@ My form exercise +
@@ -13,15 +14,22 @@

Product Pick

- - +
+ + +
+ +
+ + +
+ +
From 04c6b2db6340ddf698bad9609a9489d9c2501ede Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 10:07:37 +0100 Subject: [PATCH 02/10] Add T-Shirt colour radio buttons --- Form-Controls/index.html | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 221ea9928..bdf5ce03e 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -23,7 +23,21 @@

Product Pick

+ +
+ T-Shirt Colour + + + + + + + + + +
+ From eaddc062d9f84929d121841dbffb137a1a2b50ba Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 10:17:31 +0100 Subject: [PATCH 03/10] Add T-shirt size selection options --- Form-Controls/index.html | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index bdf5ce03e..bc01cb3d3 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -23,7 +23,7 @@

Product Pick

- +
T-Shirt Colour @@ -36,7 +36,22 @@

Product Pick

-
+ + +
+ + +
From 7814cbce8d00e609f949eb44050e85bd1badd863 Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 10:24:01 +0100 Subject: [PATCH 04/10] Add basic page styling --- Form-Controls/style.css | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 Form-Controls/style.css diff --git a/Form-Controls/style.css b/Form-Controls/style.css new file mode 100644 index 000000000..69715a40d --- /dev/null +++ b/Form-Controls/style.css @@ -0,0 +1,5 @@ +body { +font-family: Arial, sans-serif; +max-width: 340px; +margin: 40px auto; +} \ No newline at end of file From 7c44597faacfd946a440820e2e6315c511625022 Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 10:27:10 +0100 Subject: [PATCH 05/10] Style form layout and inputs --- Form-Controls/style.css | 22 +++++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 69715a40d..18438dd5f 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -1,5 +1,21 @@ body { -font-family: Arial, sans-serif; -max-width: 340px; -margin: 40px auto; + font-family: Arial, sans-serif; + max-width: 340px; + margin: 40px auto; +} + +form { + display: flex; + flex-direction: column; + gap: 8px;background: #f5f5f5; + padding: 20px; + box-sizing: border-box; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20); + border-radius: 12px; +} + +input[type="text"], +input[type="email"] { + width: 270px; + } \ No newline at end of file From f7f3eb33e44f194f80bd9aa8fc11e82db994e67c Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 10:37:27 +0100 Subject: [PATCH 06/10] Style fieldset inputs and button --- Form-Controls/style.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 18438dd5f..15fd43025 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -18,4 +18,31 @@ input[type="text"], input[type="email"] { width: 270px; +} + +fieldset { + width: 270px; + padding: 10px; + border-radius: 8px; +} + +input, +select { + padding: 10px; + margin-top: 5px; + +} + +button { + width: 120px; + padding: 10px; + border-radius: 6px; + display: block; + margin: 8px auto 0; + border:none; + background-color: rgb(44, 44, 247); + color: white; + cursor: pointer; + transition: background-color 0.3s ease; + } \ No newline at end of file From c60ef12f1cd41b9c4b2da75a574eb192d0a65a28 Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 10:52:24 +0100 Subject: [PATCH 07/10] Add style a box sizing --- Form-Controls/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 15fd43025..8138c1138 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -1,3 +1,7 @@ +* { + box-sizing: border-box; +} + body { font-family: Arial, sans-serif; max-width: 340px; From 31548cf31bba7dca167bf221c0ee7db8d99cd4af Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 10:55:19 +0100 Subject: [PATCH 08/10] style CSS is not displaying --- Form-Controls/style.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 8138c1138..b3e5c9ad2 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -25,7 +25,7 @@ input[type="email"] { } fieldset { - width: 270px; + width: 280px; padding: 10px; border-radius: 8px; } @@ -49,4 +49,9 @@ button { cursor: pointer; transition: background-color 0.3s ease; -} \ No newline at end of file +} + +button:hover { + background-color: rgb(65, 74, 206); + +} From 012d57738c7d18e5d65cf6e1ffcda1effbf75a9a Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 11:05:43 +0100 Subject: [PATCH 09/10] Add box sizing to elements --- Form-Controls/index.html | 1 - Form-Controls/style.css | 3 ++- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index bc01cb3d3..f3a9228b6 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -57,7 +57,6 @@

Product Pick

-

By Frumentius-Rev

diff --git a/Form-Controls/style.css b/Form-Controls/style.css index b3e5c9ad2..75b8b8375 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -11,7 +11,8 @@ body { form { display: flex; flex-direction: column; - gap: 8px;background: #f5f5f5; + gap: 8px; + background: #f5f5f5; padding: 20px; box-sizing: border-box; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20); From 63c37cdcaade068c84dc2f1647e0460a28d06cf8 Mon Sep 17 00:00:00 2001 From: Frumentius-Rev Date: Thu, 10 Sep 2026 16:55:13 +0100 Subject: [PATCH 10/10] Increase input width --- Form-Controls/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 75b8b8375..b7df663f4 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -21,7 +21,7 @@ form { input[type="text"], input[type="email"] { - width: 270px; + width: 280px; }