From b942c8fdca3d977adb26142ea2250dcea335597b Mon Sep 17 00:00:00 2001
From: OleksChep <aachep@gmail.com>
Date: Sat, 12 Nov 2022 07:41:26 +0000
Subject: [PATCH 1/3] first commit form

---
 .vscode/settings.json    |  3 +++
 Form-Controls/index.html | 38 +++++++++++++++++++++++++++++++++++++-
 Form-Controls/styles.css | 32 ++++++++++++++++++++++++++++++++
 3 files changed, 72 insertions(+), 1 deletion(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..6b665aaa
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5501
+}
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4344b144..e3f323c8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,6 +14,42 @@ <h1>Product Pick</h1>
   </header>
   <main>
   <form>
+    <div class="name">
+      <label for="name">Enter your Name* (2 to 8 characters):</label>
+    
+      <input type="text" id="name" name="name" required minlength="2" maxlength="8" size="10" />
+    </div>
+    <div class="email">
+      <label for="email">Enter your e-mail*</label>
+      <input type="email" id="email" name="email" required size="30" />
+    </div>
+    <div class="select-color">
+      <label for="color">Choose your T-shirt color*</label>
+      <select name="color" id="color" required>
+        <option value="red">Red</option>
+        <option value="yellow">Yellow</option>
+        <option value="green">Green</option>
+      </select>
+    </div>
+    
+    <div class="select-size">
+      <label for="size">Choose your T-shirt size*</label>
+      <select name="size" id="size" required>
+        <option value="eight">8</option>
+        <option value="ten">10</option>
+        <option value="twelve">12</option>
+        <option value="fourteen">14</option>
+        <option value="sixteen">16</option>
+        <option value="eighteen">18</option>
+      </select>
+    </div>
+    <div>
+      <label for="delivery-date">Choose delivery date*</label>
+    
+      <input type="date" id="delivery-date" name="delivery-date" value="2022-11-10" min="2022-11-10" max="2022-12-01"
+        step="1" required />
+    </div>
+    <p><button>Submit</button></p>
     <!-- write your html here-->
     <!-- try writing out the requirements first-->
   </form>
@@ -21,7 +57,7 @@ <h1>Product Pick</h1>
   </main>
   <footer>
     <!-- change to your name-->
-    <h2>By HOMEWORK SOLUTION</h2>
+    <h2>By Oleksii Chepurnyi</h2>
   </footer>
 </body>
 
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
index e69de29b..4da7e72a 100644
--- a/Form-Controls/styles.css
+++ b/Form-Controls/styles.css
@@ -0,0 +1,32 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,400&display=swap');
+body {
+    text-align: center;
+    font-family: "Roboto", sans-serif;
+    font-size: 1.2rem;
+}
+
+label {
+    display: block;
+    margin-top: 1em;
+}
+
+input {
+    width: 12em;
+    height: 1.4em;
+}
+
+select {
+    width: 12em;
+    height: 1.4em;
+}
+
+button {
+    font: 1em sans-serif;
+    background-color:rgb(56, 243, 39);
+    border: none;
+    border-radius: 5px;
+    color: rgb(12, 11, 11);
+    padding: 16px 32px;
+    margin: 4px 2px;
+    cursor: pointer;
+}
\ No newline at end of file

From 98d5ac4eecc828487c4c4c5fef3ba51ed9398d08 Mon Sep 17 00:00:00 2001
From: OleksChep <aachep@gmail.com>
Date: Sat, 12 Nov 2022 07:50:24 +0000
Subject: [PATCH 2/3] add s

---
 Form-Controls/index.html | 18 ++++++++++--------
 Form-Controls/styles.css |  3 +++
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index e3f323c8..e0830963 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,6 +14,7 @@ <h1>Product Pick</h1>
   </header>
   <main>
   <form>
+    <div class="section">
     <div class="name">
       <label for="name">Enter your Name* (2 to 8 characters):</label>
     
@@ -27,20 +28,20 @@ <h1>Product Pick</h1>
       <label for="color">Choose your T-shirt color*</label>
       <select name="color" id="color" required>
         <option value="red">Red</option>
-        <option value="yellow">Yellow</option>
-        <option value="green">Green</option>
+       <option value="green">Green</option>
+        <option value="blue">Blue</option>
       </select>
     </div>
     
     <div class="select-size">
       <label for="size">Choose your T-shirt size*</label>
       <select name="size" id="size" required>
-        <option value="eight">8</option>
-        <option value="ten">10</option>
-        <option value="twelve">12</option>
-        <option value="fourteen">14</option>
-        <option value="sixteen">16</option>
-        <option value="eighteen">18</option>
+        <option value="xs">XS</option>
+        <option value="s">S</option>
+        <option value="m">M</option>
+        <option value="l">L</option>
+        <option value="xl">XL</option>
+        <option value="xxl">XXL</option>
       </select>
     </div>
     <div>
@@ -50,6 +51,7 @@ <h1>Product Pick</h1>
         step="1" required />
     </div>
     <p><button>Submit</button></p>
+    </div>
     <!-- write your html here-->
     <!-- try writing out the requirements first-->
   </form>
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
index 4da7e72a..95f4bb0d 100644
--- a/Form-Controls/styles.css
+++ b/Form-Controls/styles.css
@@ -29,4 +29,7 @@ button {
     padding: 16px 32px;
     margin: 4px 2px;
     cursor: pointer;
+}
+.section {
+    width: 100%;
 }
\ No newline at end of file

From 976349797d01efe08a257a053436e360f9f8616f Mon Sep 17 00:00:00 2001
From: OleksChep <aachep@gmail.com>
Date: Sat, 12 Nov 2022 08:10:09 +0000
Subject: [PATCH 3/3] fixstyle

---
 Form-Controls/styles.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
index 95f4bb0d..82b192db 100644
--- a/Form-Controls/styles.css
+++ b/Form-Controls/styles.css
@@ -7,7 +7,9 @@ body {
 
 label {
     display: block;
+    padding-top: 1em;
     margin-top: 1em;
+
 }
 
 input {
@@ -22,14 +24,18 @@ select {
 
 button {
     font: 1em sans-serif;
-    background-color:rgb(56, 243, 39);
+    background-color:rgb(66, 211, 53);
     border: none;
     border-radius: 5px;
     color: rgb(12, 11, 11);
     padding: 16px 32px;
-    margin: 4px 2px;
+    margin: 1em;
     cursor: pointer;
 }
 .section {
-    width: 100%;
+    text-align: center;
+    background-color: antiquewhite;
+}
+h1, footer{
+    background-color: rgb(245, 241, 237);
 }
\ No newline at end of file