From a25133d933fb6d142c9c865ab8718dd5187d751d Mon Sep 17 00:00:00 2001 From: LesyaLyan Date: Tue, 19 May 2026 06:16:35 +0100 Subject: [PATCH 1/8] Form control in process and added css file --- Form-Controls/README.md | 4 +-- Form-Controls/index.html | 67 ++++++++++++++++++++++++++++++++++++++-- Form-Controls/style.css | 0 3 files changed, 67 insertions(+), 4 deletions(-) create mode 100644 Form-Controls/style.css diff --git a/Form-Controls/README.md b/Form-Controls/README.md index 86f623d89..ab162b711 100644 --- a/Form-Controls/README.md +++ b/Form-Controls/README.md @@ -34,8 +34,8 @@ Do not write a form action for this project. Let's write out our testable criteria. Check each one off as you complete it. -- [ ] I have only used HTML and CSS. -- [ ] I have not used any JavaScript. +- [] I have only used HTML and CSS. +- [] I have not used any JavaScript. ### HTML diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..9e3dd4b52 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -3,16 +3,79 @@ - My form exercise + T-shirt Order Form + +
+ +
-

Product Pick

+

T-shirt Order Form

+ +
+ + +
+ +
+ + +
+ +
+ Colour +
+ + +
+
+ + +
+
+ + +
+ +
+ Size +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ + + +
+ -

By HOMEWORK SOLUTION

+

By Lesya Lyaisyan

From 181ea7945051cd553602374a783db6f6bae31a13 Mon Sep 17 00:00:00 2001 From: LesyaLyan Date: Wed, 20 May 2026 18:51:26 +0100 Subject: [PATCH 4/8] Name pattern added --- Form-Controls/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index fa614ad61..5c641b841 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -20,7 +20,7 @@

T-shirt Order Form

- +
From 80fdcba2af64b7056634bad0bdeeb892401e6b12 Mon Sep 17 00:00:00 2001 From: LesyaLyan Date: Thu, 21 May 2026 05:31:55 +0100 Subject: [PATCH 5/8] Added requirements and changed tags
to
--- Form-Controls/index.html | 26 ++++++++++++++++---------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 5c641b841..0d48edd13 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -12,24 +12,31 @@
+ +

T-shirt Order Form

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

T-shirt Order Form

-
- -
- - -
+
+ + -
- - + + -
-
+
- -
-
- - @@ -58,11 +51,8 @@

T-shirt Order Form

-
- - @@ -70,7 +60,7 @@

T-shirt Order Form

try writing out the requirements first as comments this will also help you fill in your PR message later--> -
+

By Lesya Lyaisyan

From bd5adb3cd1740cc74b3564888d3d83549b2e4ff5 Mon Sep 17 00:00:00 2001 From: LesyaLyan Date: Fri, 22 May 2026 04:02:41 +0100 Subject: [PATCH 7/8] Completed CSS --- Form-Controls/style.css | 45 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index e69de29bb..ed533c0af 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -0,0 +1,45 @@ +.container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-style:solid; + border-width: 5px; + border-color:black; + padding: 5px; + margin: auto; + margin-top: 50px; + max-width: 400px; + border-radius: 20px; + font-size: 25px; +} +h1 { + text-align: center; + margin-bottom: 1px; +} +.label { + display: block; + font-weight: bold; + font-size: 10px; + padding-bottom: 25px; +} +input, select { + display: block; + font-size: 15px; + padding: 0.5em; + width: 100%; + max-width: 300px; +} +button { + display: block; + font-size: 15px; + padding: 0.5em; + width: 50%; + max-width: 300px; + margin: 20px; + background-color: rgb(105, 105, 226); + border-radius: 10px; +} +footer{ + text-align: center; +} From 7905e6ff7a8db79a938971abef62087a7f24bf4d Mon Sep 17 00:00:00 2001 From: LesyaLyan Date: Sun, 24 May 2026 02:22:51 +0100 Subject: [PATCH 8/8] Added Meta, changed name pattern and formated --- Form-Controls/index.html | 94 +++++++++++++++++++++++----------------- 1 file changed, 55 insertions(+), 39 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 61009ae74..d01ceb731 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,66 +1,82 @@ - + T-shirt Order Form - + - + -
- -
- -
-

T-shirt Order Form

-
+
+

T-shirt Order Form

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