From be99174b7a9c4393c6330fa0e1649cdbd5bf2d72 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Thu, 14 May 2026 22:24:40 +0100 Subject: [PATCH 1/2] add Tshirt-form and style css --- Form-Controls/index.html | 47 +++++++++++++++++++++++++++++++++++++++- Form-Controls/style.css | 39 +++++++++++++++++++++++++++++++++ 2 files changed, 85 insertions(+), 1 deletion(-) create mode 100644 Form-Controls/style.css diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..1f40bffc5 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,7 @@ My form exercise +
@@ -13,6 +14,50 @@

Product Pick

+
+ + +
+
+ + +
+
+ Choose a color: + +
+
+

Choose a size:

+ + + + + + +
+ -

By HOMEWORK SOLUTION

+

BISRAT TESFAY

diff --git a/Form-Controls/style.css b/Form-Controls/style.css new file mode 100644 index 000000000..bfe2867a9 --- /dev/null +++ b/Form-Controls/style.css @@ -0,0 +1,39 @@ +body { + font-family: Arial, sans-serif; + background-color: #dfd0d0; + margin: 0; + padding: 40px; +} +h1 { + text-align: center; + color: #180404; + margin-bottom: 30px; +} +form { + background-color: #fff; + padding: 20px; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + max-width: 600px; + margin: auto; +} +div { + margin-bottom: 20px; +} +label { + display: block; + margin-bottom: 5px; + font-weight: bold; +} +input, +select, +button { + background-color: #f9f9f9; + color: #180404; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} +button :hover { + background-color: #180404; +} \ No newline at end of file From e14c69539ef13ecdc0db89737d55a1bc938dec4d Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Mon, 18 May 2026 21:50:07 +0100 Subject: [PATCH 2/2] fix html tag formatting --- Form-Controls/index.html | 72 ++++++++++++++++++++-------------------- 1 file changed, 36 insertions(+), 36 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 1f40bffc5..8bccf337d 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,4 +1,4 @@ - + @@ -15,47 +15,47 @@

Product Pick

- - + +
- - + +
- Choose a color: - + +
-

Choose a size:

- - - - - - +

Choose a size:

+ + + + + +