From 56b4d1ebb3859cc5254d13d282840346e39310bd Mon Sep 17 00:00:00 2001 From: Yonatan Teklemariam Date: Fri, 15 May 2026 17:47:52 +0100 Subject: [PATCH 1/2] Rebuilt Form Controls sprint file --- Form-Controls/index.html | 92 +++++++++++++++++++++++++++++++++++----- 1 file changed, 82 insertions(+), 10 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..c9c45d74f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,27 +1,99 @@ - - - My form exercise + + + My Form Exercise - + +
-

Product Pick

+

Pick Your Favourite T-Shirt

- - +
+ + +
+
+ + +
+ Pick Your Favourite Color: +
+ + +
+
+
+ + +
+ + +
+
+ + +
+
From c96cf77cd8ac33737a510438bcfd87fb267cb553 Mon Sep 17 00:00:00 2001 From: Yonatan Teklemariam Date: Thu, 3 Sep 2026 08:23:59 +0100 Subject: [PATCH 2/2] completed and checked against all the requirements --- Form-Controls/formstyle.css | 61 ++++++++++++++ Form-Controls/index.html | 162 +++++++++++++++--------------------- 2 files changed, 129 insertions(+), 94 deletions(-) create mode 100644 Form-Controls/formstyle.css diff --git a/Form-Controls/formstyle.css b/Form-Controls/formstyle.css new file mode 100644 index 000000000..6815f137e --- /dev/null +++ b/Form-Controls/formstyle.css @@ -0,0 +1,61 @@ +body { + font-family: Arial, sans-serif; + margin: 20px; +} + +header, +footer { + text-align: center; + margin-bottom: 20px; +} + +form { + max-width: 400px; + margin: 0 auto; + padding: 20px; + border: 1px solid #ccc; + border-radius: 5px; +} + +div { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 5px; +} + +#red:checked + label { + color: red; +} + +#green:checked + label { + color: green; +} + +#blue:checked + label { + color: blue; +} + +input[type="text"], +input[type="email"], +select { + width: 100%; + padding: 8px; + box-sizing: border-box; +} + +button { + padding: 10px 20px; + background-color: rgb(62, 58, 58); + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +button:hover { + background-color: rgb(152, 152, 160); + font-weight: bold; +} diff --git a/Form-Controls/index.html b/Form-Controls/index.html index c9c45d74f..78011110a 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,99 +1,73 @@ - - - - My Form Exercise - - - - - -
-

Pick Your Favourite T-Shirt

-
-
-
-
- - + + + + + My Form Exercise + + + + + + +
+

Pick Your Favourite T-Shirt

+
+ +
+ + +
+ + +
+ +
+ + +
+ +
+

Pick Your Favourite Color:

+ +
+ +
-
- - + +
+ +
- Pick Your Favourite Color: -
- - + +
+ +
-
-
- - -
- - -
-
- - -
- - -
-
- -

By Yonatan Teklemariam

-
- - +
+ +
+ + +
+ + + + +
+ + + + + \ No newline at end of file