From 30d9e25579f0e4a700f2091bbc4f947ad2b425ba Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Wed, 9 Sep 2026 00:14:21 +0100 Subject: [PATCH 01/12] start working on form --- Form-Controls/index.html | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..b2f3a17f5 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -14,8 +14,19 @@

Product Pick

+
+
+
+
+
+
From e05cec1f936819d95d295077dde0995ac0f02529 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Fri, 11 Sep 2026 11:28:19 +0100 Subject: [PATCH 02/12] adding CSS file and updating the index.html file --- Form-Controls/index.html | 90 +++++++++++++++++++++++++++++++++++++++- Form-Controls/styles.css | 57 +++++++++++++++++++++++++ 2 files changed, 145 insertions(+), 2 deletions(-) create mode 100644 Form-Controls/styles.css diff --git a/Form-Controls/index.html b/Form-Controls/index.html index b2f3a17f5..f12f0b04e 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,7 @@ My form exercise +
@@ -19,7 +20,92 @@

Product Pick




-
+
+
+ + +
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+
+
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+ + +
+ + + -

By HOMEWORK SOLUTION

+ diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css new file mode 100644 index 000000000..d80e1e07d --- /dev/null +++ b/Form-Controls/styles.css @@ -0,0 +1,57 @@ +/* .square { + height: 25px; + width: 25px; + + + +} + + +#blueOption{ + background-color: #180fcb; +} +#greenOption{ + background-color: green; +} +#redOption{ + background-color: red; +} +.colorSelection{ + border: solid 1px + +} +.colorSelection { + display: flex; + flex-direction: row; + justify-content: center; + gap :20px; + +} */ + .colorSelection { + display: flex; + justify-content:baseline; + gap: 20px; +} + +.colorOption { + display: flex; + flex-direction: column; + align-items:center; +} + +.square { + height: 25px; + width: 25px; +} + +#blueOption { + background-color: #180fcb; +} + +#greenOption { + background-color: green; +} + +#redOption { + background-color: red; +} From cd10040dfea4fb7d97f313ed91be5d7da9f75236 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Fri, 11 Sep 2026 21:41:41 +0100 Subject: [PATCH 03/12] corecting typos and making adding attribute name to size radio button to allow single selection --- Form-Controls/index.html | 92 ++++++++++++++++------------------------ Form-Controls/styles.css | 40 +++++------------ 2 files changed, 48 insertions(+), 84 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index f12f0b04e..8b46bdf35 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,11 +1,11 @@ - - + + My form exercise - - + + @@ -14,111 +14,93 @@

Product Pick

- -
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
- +
- +
- +
- +
-
-
+
+
- +
- +
- -
- + +
+
- -
- + +
+
- +
- +
- -
- + +
+
- +
- +
+
- -
- - + +

By Abdennour Hachemi

diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index d80e1e07d..d0d05ea17 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -1,36 +1,9 @@ -/* .square { - height: 25px; - width: 25px; - - -} - - -#blueOption{ - background-color: #180fcb; -} -#greenOption{ - background-color: green; -} -#redOption{ - background-color: red; -} -.colorSelection{ - border: solid 1px - -} -.colorSelection { - display: flex; - flex-direction: row; - justify-content: center; - gap :20px; - -} */ .colorSelection { display: flex; - justify-content:baseline; gap: 20px; + margin-left: 20px; + margin-top: 20px; } .colorOption { @@ -55,3 +28,12 @@ #redOption { background-color: red; } + +#sizediv{ + margin:20px 20px; + +} + +#fn,#sn,#em{ + margin: 20px 20px; +} From 4ac24031f8237d03446089fb7cfaea2c965fee49 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Fri, 11 Sep 2026 22:14:00 +0100 Subject: [PATCH 04/12] formatting html file --- Form-Controls/index.html | 192 +++++++++++++++++++-------------------- 1 file changed, 92 insertions(+), 100 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 8b46bdf35..a72ac1f43 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,106 +1,98 @@ - - - - My form exercise - - - - - -
-

Product Pick

-
-
-
-
-
-
-
-
-
-
- + + + + My form exercise + + + + -
-
+ +
+

Product Pick

+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+ +
-
- -
- -
-
+
+

By Abdennour Hachemi

+
+ -
- -
- -
-
- -
- -
- -
-
- -
-
-
-
- -
- -
- -
-
- -
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- - -
- - - -
-
- -

By Abdennour Hachemi

-
- - + \ No newline at end of file From b0acd57ae7d9ec902c138dae2aaed3927f3f5ef2 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Fri, 11 Sep 2026 23:09:32 +0100 Subject: [PATCH 05/12] fixed some accessiblity issues --- Form-Controls/index.html | 44 ++++++++++++++++++++-------------------- Form-Controls/styles.css | 6 +++--- 2 files changed, 25 insertions(+), 25 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index a72ac1f43..d33c7e1f0 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -28,61 +28,61 @@

Product Pick


- -
- + +
+
- -
- + +
+
- -
- + +
+
-
+
.
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index d0d05ea17..07e240f12 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -17,15 +17,15 @@ width: 25px; } -#blueOption { +#blueOptions { background-color: #180fcb; } -#greenOption { +#greenOptions { background-color: green; } -#redOption { +#redOptions { background-color: red; } From bba3065cc9a0e2c9c86940093d73ef2230c06e4b Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Mon, 14 Sep 2026 16:58:43 +0100 Subject: [PATCH 06/12] update files --- Form-Controls/styles.css | 44 +++++++++++++++++++++++----------------- 1 file changed, 25 insertions(+), 19 deletions(-) diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index 07e240f12..e15f3d2b4 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -1,39 +1,45 @@ - - .colorSelection { - display: flex; - gap: 20px; - margin-left: 20px; - margin-top: 20px; +.colorSelection { + display: flex; + gap: 20px; + margin-left: 20px; + margin-top: 20px; } .colorOption { - display: flex; - flex-direction: column; - align-items:center; + display: flex; + flex-direction: column; + align-items: center; } .square { - height: 25px; - width: 25px; + height: 25px; + width: 25px; } #blueOptions { - background-color: #180fcb; + background-color: #180fcb; } #greenOptions { - background-color: green; + background-color: green; } #redOptions { - background-color: red; + background-color: red; +} + +#sizediv { + margin: 20px 20px; } -#sizediv{ - margin:20px 20px; - +#fn, +#sn, +#em { + margin: 20px 20px; } -#fn,#sn,#em{ - margin: 20px 20px; +form, +h1, +h5 { + margin-left: 25%; } From 5923885f459d19d239517b0a0c37f74d251a8d78 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Mon, 14 Sep 2026 16:59:03 +0100 Subject: [PATCH 07/12] update files --- Form-Controls/index.html | 218 +++++++++++++++++++++---------------- animal-website | 1 + github_issues_prs_practice | 1 + 3 files changed, 125 insertions(+), 95 deletions(-) create mode 160000 animal-website create mode 160000 github_issues_prs_practice diff --git a/Form-Controls/index.html b/Form-Controls/index.html index d33c7e1f0..65c6e37f6 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,98 +1,126 @@ - + + + + + My form exercise + + + + - - - - My form exercise - - - - + +
+

Product Pick

+
+
+
+
+ + +
+
+
+ + +
+
+
+ +
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+ +
+
- -
-

Product Pick

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
-
-
. -
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
- -
- -
-
-
-
-
-
- -
-

By Abdennour Hachemi

-
- - - \ No newline at end of file +
+
By Abdennour Hachemi
+
+ + diff --git a/animal-website b/animal-website new file mode 160000 index 000000000..d935873ea --- /dev/null +++ b/animal-website @@ -0,0 +1 @@ +Subproject commit d935873eaa7adcc973ef8fcb5abc0e47304053df diff --git a/github_issues_prs_practice b/github_issues_prs_practice new file mode 160000 index 000000000..cd147b294 --- /dev/null +++ b/github_issues_prs_practice @@ -0,0 +1 @@ +Subproject commit cd147b2944e0e9944ab4532050ac548eec97d4bf From e64b17429baf3e582be4bcd2a3b90d8cbd6e8658 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Mon, 14 Sep 2026 22:56:08 +0100 Subject: [PATCH 08/12] fixing issues raised in the PR review --- Form-Controls/index.html | 20 +++++--------------- 1 file changed, 5 insertions(+), 15 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65c6e37f6..767f033d2 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -16,7 +16,7 @@

Product Pick

- + Product Pick />
-
- - -
-
+
-
+
-
+
@@ -69,7 +59,7 @@

Product Pick

-
+
From 57d7ed9158a107c788162034c17e0aad56d62f6e Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Mon, 14 Sep 2026 23:20:50 +0100 Subject: [PATCH 09/12] testing --- animal-website | 1 - 1 file changed, 1 deletion(-) delete mode 160000 animal-website diff --git a/animal-website b/animal-website deleted file mode 160000 index d935873ea..000000000 --- a/animal-website +++ /dev/null @@ -1 +0,0 @@ -Subproject commit d935873eaa7adcc973ef8fcb5abc0e47304053df From 8161e1bb17115eb2c0fdf13ab5f99535d47298a4 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Tue, 15 Sep 2026 11:24:30 +0100 Subject: [PATCH 10/12] updating css file --- Form-Controls/styles.css | 27 ++++++++++++++++++++++++--- 1 file changed, 24 insertions(+), 3 deletions(-) diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index e15f3d2b4..3e6d9c308 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -38,8 +38,29 @@ margin: 20px 20px; } -form, -h1, -h5 { +form + + { + padding-top: 2%; + margin-right: 50%; margin-left: 25%; + background-color: bisque; +} + +h1,h5{ + margin-left: 30%; } + +button[type="submit"], +input[type="submit"] { + padding: 10px 20px; + margin-left: 35%; + font-size: 1rem; + font-family: inherit; + color: #fff; + background-color: #2563eb; + border: none; + border-radius: 6px; + cursor: pointer; + transition: background-color 0.15s ease; +} \ No newline at end of file From 8a13945d7341c8a4491750260885e70a667ebad6 Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Tue, 15 Sep 2026 11:29:54 +0100 Subject: [PATCH 11/12] Remove broken submodule --- github_issues_prs_practice | 1 - 1 file changed, 1 deletion(-) delete mode 160000 github_issues_prs_practice diff --git a/github_issues_prs_practice b/github_issues_prs_practice deleted file mode 160000 index cd147b294..000000000 --- a/github_issues_prs_practice +++ /dev/null @@ -1 +0,0 @@ -Subproject commit cd147b2944e0e9944ab4532050ac548eec97d4bf From d62854f780add1b866bbad8d92ca9c17d8dc5f3c Mon Sep 17 00:00:00 2001 From: Abdennour Hachemi Date: Tue, 15 Sep 2026 16:28:26 +0100 Subject: [PATCH 12/12] Fixing latest issues --- Form-Controls/index.html | 18 +++++++++++++----- Form-Controls/styles.css | 11 +++++------ 2 files changed, 18 insertions(+), 11 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 767f033d2..6c65a599e 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,7 +1,7 @@ - + My form exercise @@ -31,20 +31,24 @@

Product Pick


+ +
-
+

Please pick a color:


-
+
+
+
@@ -57,9 +61,13 @@

Product Pick

/>
+ + + +
-
+

Please select the t-shirt size:


@@ -110,7 +118,7 @@

Product Pick

diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index 3e6d9c308..32cbe5029 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -29,7 +29,7 @@ } #sizediv { - margin: 20px 20px; + margin: 20px 0 0 20px; } #fn, @@ -38,16 +38,15 @@ margin: 20px 20px; } -form - - { +form { padding-top: 2%; margin-right: 50%; margin-left: 25%; background-color: bisque; } -h1,h5{ +h1, +h5 { margin-left: 30%; } @@ -63,4 +62,4 @@ input[type="submit"] { border-radius: 6px; cursor: pointer; transition: background-color 0.15s ease; -} \ No newline at end of file +}