From c0db9758bb724b636455427438f29d22c1634823 Mon Sep 17 00:00:00 2001 From: mo-omer Date: Wed, 18 Feb 2026 18:51:28 +0000 Subject: [PATCH 1/4] 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/4] 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/4] 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/4] 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 *

+ + \ No newline at end of file