From c540b9d4d22061b2503056f5b3e32d357f3fb800 Mon Sep 17 00:00:00 2001 From: Abid Akhtar Date: Sat, 16 May 2026 15:53:47 +0100 Subject: [PATCH 1/4] Add my name. --- Form-Controls/index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..e66a79a5f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -14,6 +14,7 @@

Product Pick

+ @@ -21,7 +22,7 @@

Product Pick

From 92359a01fbcfb892607a16bbae2b2d5cb861945c Mon Sep 17 00:00:00 2001 From: Abid Akhtar Date: Mon, 18 May 2026 20:42:27 +0100 Subject: [PATCH 2/4] Add input for choosing colour --- Form-Controls/index.html | 59 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 58 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index e66a79a5f..3a7c1c6ba 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -9,11 +9,68 @@
-

Product Pick

+

Product T-shirts

+ + + + + + + + + + + + + +
+ Choose a colour + + + + + + + + + + + +
+ + + +
+ Choose a size + + + + + + + + + + + + + + + + + + + + +
+ + + + - + - + @@ -34,10 +36,10 @@

Product T-shirts

- + - + @@ -47,28 +49,28 @@

Product T-shirts

Choose a size - - + + - - + + - - + + - - + + - - + + - - + +
- + diff --git a/Form-Controls/style.css b/Form-Controls/style.css new file mode 100644 index 000000000..e69de29bb From fa6c242e0501316cd953a850139d63076174c625 Mon Sep 17 00:00:00 2001 From: Abid Akhtar Date: Thu, 21 May 2026 14:44:38 +0100 Subject: [PATCH 4/4] Add accessible T-shirt order form styling --- Form-Controls/index.html | 2 +- Form-Controls/style.css | 75 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 76 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 1f8b02b67..856830601 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,7 +6,7 @@ My form exercise - + diff --git a/Form-Controls/style.css b/Form-Controls/style.css index e69de29bb..85e88072a 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -0,0 +1,75 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 20px; + background-color: #f5f5f5; + } + + header, + footer { + text-align: center; + margin-bottom: 20px; + } + + h1 { + margin-bottom: 10px; + } + + main { + display: flex; + justify-content: center; + } + + form { + background-color: white; + padding: 20px; + border-radius: 8px; + width: 100%; + max-width: 450px; + + display: flex; + flex-direction: column; + gap: 16px; + } + + label { + font-weight: bold; + } + + input[type="text"], + input[type="email"] { + width: 100%; + padding: 10px; + font-size: 16px; + box-sizing: border-box; + } + + fieldset { + border: 1px solid #ccc; + padding: 16px; + } + + legend { + font-weight: bold; + padding: 0 6px; + } + + fieldset label { + font-weight: normal; + margin-right: 6px; + } + + fieldset input[type="radio"] { + margin-right: 16px; + margin-bottom: 10px; + } + + button { + padding: 12px; + font-size: 16px; + cursor: pointer; + } + + footer p { + font-size: 14px; + } \ No newline at end of file