From c0db9758bb724b636455427438f29d22c1634823 Mon Sep 17 00:00:00 2001 From: mo-omer Date: Wed, 18 Feb 2026 18:51:28 +0000 Subject: [PATCH 1/6] T-shirt Sale form --- Form-Controls/index.html | 212 ++++++++++++++++++++++++++++++++++----- 1 file changed, 187 insertions(+), 25 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..f2ec0e671 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,27 +1,189 @@ - - - - My form exercise - - - - -
-

Product Pick

-
-
-
- - -
-
- - - + + + + + T-Shirt Order + + + + + + + +
+

T-shirt Sale

+
+ +
+
+ + +
+

Customer Information

+ +

+ + +

+ +

+ + +

+
+ + +
+

T-Shirt Colour *

+
+ Select one colour + +

+ + +

+ +

+ + +

+ +

+ + +

+
+
+ + +
+

T-Shirt Size *

+
+ Select one size + +

+ + +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+ +

+ + +

+
+
+ + +
+ +
+
+
+ + + + + \ No newline at end of file From c0c462e41b653e49f89ea47235a874855e661fb1 Mon Sep 17 00:00:00 2001 From: mo-omer Date: Wed, 18 Feb 2026 23:53:54 +0000 Subject: [PATCH 2/6] semantic grouping --- Form-Controls/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index f2ec0e671..5ddfc4441 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -119,15 +119,15 @@

T-Shirt Colour *

Select one colour -

+

-

+
-

- - -

+

From 57c125a2826796675a8acde56d2404d93b844b2e Mon Sep 17 00:00:00 2001 From: mo-omer Date: Sat, 21 Feb 2026 01:04:08 +0000 Subject: [PATCH 3/6] footer content --- Form-Controls/index.html | 107 +++++++++++++++++++++------------------ 1 file changed, 58 insertions(+), 49 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 5ddfc4441..1f162c66a 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -14,6 +14,9 @@ background-color: #f4f4f4; margin: 0; padding: 0; + min-height: 100vh; + display: flex; + flex-direction: column; } header, @@ -31,6 +34,7 @@ padding: 2rem; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + flex: 1; } h1, @@ -66,6 +70,18 @@ font-weight: bold; } + .radio-group { + display: flex; + flex-direction: column; + gap: 0.5rem; + } + + .radio-group div { + display: flex; + align-items: center; + gap: 0.5rem; + } + button { padding: 0.7rem 1.2rem; border: none; @@ -82,10 +98,6 @@ footer p { margin: 0; - position: fixed; - bottom: 0; - left: 0; - width: 100%; } @@ -118,21 +130,17 @@

Customer Information

T-Shirt Colour *

Select one colour - -
- - +
+
+ + +
+ +
+ + +
- - - -

- - -

@@ -141,36 +149,37 @@

T-Shirt Colour *

T-Shirt Size *

Select one size - -

- - -

- -

- - -

- -

- - -

- -

- - -

- -

- - -

- -

- - -

+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
@@ -182,7 +191,7 @@

T-Shirt Size *

-

Website Dedicated To T-shirt Sale

+

By MOHAMMED OMER

From e2b91315810ea9ad5b27a123c7717ad846c0bf31 Mon Sep 17 00:00:00 2001 From: mo-omer Date: Sat, 21 Feb 2026 14:10:36 +0000 Subject: [PATCH 4/6] Add spacing for improved readability in index.html --- Form-Controls/index.html | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 1f162c66a..42d660f32 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,6 +1,7 @@ + @@ -8,6 +9,7 @@ + +

T-shirt Sale

+
+

Customer Information

+

+

+

T-Shirt Colour *

@@ -136,6 +157,7 @@

T-Shirt Colour *

+
@@ -144,6 +166,7 @@

T-Shirt Colour *

+

T-Shirt Size *

@@ -155,26 +178,31 @@

T-Shirt Size *

+
+
+
+
+
@@ -183,6 +211,7 @@

T-Shirt Size *

+
@@ -190,9 +219,11 @@

T-Shirt Size *

+

By MOHAMMED OMER

+ \ No newline at end of file From 504612c2513613e2d4b170e1a1ac75fbf43cc82f Mon Sep 17 00:00:00 2001 From: mo-omer Date: Sun, 22 Feb 2026 15:56:46 +0000 Subject: [PATCH 5/6] colour section --- Form-Controls/index.html | 89 +++++++++++++++++----------------------- 1 file changed, 38 insertions(+), 51 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 42d660f32..c2555a304 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,7 +1,6 @@ - @@ -9,7 +8,6 @@ - -

T-shirt Sale

-
- -

Customer Information

-

-

-

T-Shirt Colour *

@@ -156,62 +149,58 @@

T-Shirt Colour *

- -
+
+ + +
-

T-Shirt Size *

Select one size -
+
- - +
- -
- - +
- -
- - +
- -
- - +
- -
- - +
- -
- - +
-
@@ -219,11 +208,9 @@

T-Shirt Size *

-

By MOHAMMED OMER

- \ No newline at end of file From 04578844f64e5ab57897662fc3f6a4cb7925a6af Mon Sep 17 00:00:00 2001 From: mo-omer Date: Sun, 22 Feb 2026 18:33:15 +0000 Subject: [PATCH 6/6] syntacs change --- Form-Controls/index.html | 118 +++++++++++++++++++-------------------- 1 file changed, 57 insertions(+), 61 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index c2555a304..ca82503d9 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -13,7 +13,6 @@ font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; - padding: 0; min-height: 100vh; display: flex; flex-direction: column; @@ -46,8 +45,7 @@ margin-bottom: 1.5rem; } - /* Updated - more specific to avoid affecting radio labels */ - label:not(.radio-group label) { + label { display: inline-block; margin-bottom: 0.3rem; } @@ -71,30 +69,21 @@ font-weight: bold; } - /* Updated radio group styling */ .radio-group { display: flex; flex-direction: column; gap: 0.5rem; } - .radio-group div { - display: flex; - align-items: center; - } - - /* New style for wrapped labels */ .radio-group label { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; - margin-bottom: 0; /* Override default label margin */ } - /* Keep the original radio group styling for colour section */ - .radio-group:not(.size-group) div { - gap: 0.5rem; + .form-actions { + margin-top: 1.5rem; } button { @@ -119,11 +108,12 @@
-

T-shirt Sale

+

T-Shirt Sale

+

Customer Information

@@ -145,18 +135,22 @@

T-Shirt Colour *

Select one colour
-
- - -
-
- - -
-
- - -
+ + + + + + +
@@ -166,45 +160,47 @@

T-Shirt Colour *

T-Shirt Size *

Select one size -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
+
+ + + + + + + + + + + + +
- -
+ +
-
+ +