From e216ab4cc0ebe871b791b2450cebba3e1e362fd9 Mon Sep 17 00:00:00 2001
From: Isai Moran <135295630+isaimoran@users.noreply.github.com>
Date: Thu, 16 Nov 2023 22:18:29 -0700
Subject: [PATCH 1/3] Update style.css

---
 intro-to-media-queries/style.css | 9 +++++++++
 1 file changed, 9 insertions(+)
diff --git a/intro-to-media-queries/style.css b/intro-to-media-queries/style.css
index e69de29..b0dda93 100644
--- a/intro-to-media-queries/style.css
+++ b/intro-to-media-queries/style.css
@@ -0,0 +1,9 @@
+p {
+  font-size: 14px;
+}
+
+@media all and (min-width: 800px) {
+  p {
+    font-size: 24px;
+  }
+}

From 52830fbca4c0c043d04fd02caeed135eef79d575 Mon Sep 17 00:00:00 2001
From: Isai Moran <135295630+isaimoran@users.noreply.github.com>
Date: Sun, 19 Nov 2023 21:08:51 -0700
Subject: [PATCH 2/3] Update index.html

---
 html-forms/index.html | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/html-forms/index.html b/html-forms/index.html
index c7a70a6..b169c39 100644
--- a/html-forms/index.html
+++ b/html-forms/index.html
@@ -13,6 +13,24 @@
   </head>
 
   <body>
-    <main></main>
+    <main>
+      <form>
+  <div>
+    <label for="name">Full Name:</label>
+    <input id="name" type="text" name="name" />
+  </div>
+  <div>
+    <label for="location">Zipcode:</label>
+    <input
+      id="location"
+      type="text"
+      name="zipcode"
+      autofocus="on"
+      maxlength="5"
+      required
+    />
+  </div>
+</form>
+    </main>
   </body>
 </html>

From 639964be669baa37ecc4d5d13e2543b66d904da2 Mon Sep 17 00:00:00 2001
From: Isai Moran <135295630+isaimoran@users.noreply.github.com>
Date: Sun, 19 Nov 2023 21:11:32 -0700
Subject: [PATCH 3/3] Update index.html

---
 html-forms/index.html | 108 +++++++++++++++++++++++++++++++++++-------
 1 file changed, 91 insertions(+), 17 deletions(-)

diff --git a/html-forms/index.html b/html-forms/index.html
index b169c39..7dd420a 100644
--- a/html-forms/index.html
+++ b/html-forms/index.html
@@ -11,26 +11,100 @@
     />
     <link href="style.css" rel="stylesheet" type="text/css" />
   </head>
-
+  
   <body>
     <main>
       <form>
-  <div>
-    <label for="name">Full Name:</label>
-    <input id="name" type="text" name="name" />
-  </div>
-  <div>
-    <label for="location">Zipcode:</label>
-    <input
-      id="location"
-      type="text"
-      name="zipcode"
-      autofocus="on"
-      maxlength="5"
-      required
-    />
-  </div>
-</form>
+        <fieldset>
+          <legend>Shipping Information</legend>
+          <div>
+            <label for="name">Full Name:</label>
+            <input
+              id="name"
+              type="text"
+              name="name"
+              placeholder="Enter your full name"
+            />
+          </div>
+          <div>
+            <label for="location">Zipcode:</label>
+            <input
+              id="location"
+              type="text"
+              name="zipcode"
+              autofocus="on"
+              maxlength="5"
+              required
+            />
+          </div>
+        </fieldset>
+        <div>
+          <label for="form-message">Your message:</label>
+          <textarea
+            id="form-message"
+            name="message"
+            autofocus="on"
+            required
+            maxlength="200"
+            placeholder="How can I help you?"
+          ></textarea>
+        </div>
+        <div>
+          <label for="password">Password:</label>
+          <input id="password" type="password" name="password" minlength="8" />
+        </div>
+        <div>
+          <h2>Favorite Color:</h2>
+          <div>
+            <input id="red" name="color" type="radio" value="red" />
+            <label for="red">Red</label>
+          </div>
+          <div>
+            <input id="blue" name="color" type="radio" value="blue" />
+            <label for="blue">Blue</label>
+          </div>
+          <div>
+            <input id="white" name="color" type="radio" value="white" />
+            <label for="white">White</label>
+          </div>
+        </div>
+        <div>
+          <h2>Choose your monster's features:</h2>
+          <div>
+            <input name="scales" type="checkbox" id="scales" />
+            <label for="scales">Scales</label>
+          </div>
+          <div>
+            <input name="horns" type="checkbox" id="horns" />
+            <label for="horns">Horns</label>
+          </div>
+          <div>
+            <input name="wings" type="checkbox" id="wings" />
+            <label for="wings">Wings</label>
+          </div>
+        </div>
+        <div>
+          <h2>Choose a font:</h2>
+          <select name="fonts" size="1">
+            <option value="arial">Arial</option>
+            <option value="times">Times New Roman</option>
+            <option value="comicsans">Comic Sans</option>
+            <option value="papyrus">Papyrus</option>
+          </select>
+        </div>
+        <div>
+          <label for="phone">Phone #:</label>
+          <input
+            id="phone"
+            type="text"
+            name="phone"
+            pattern="\d{3}[\-]\d{3}[\-]\d{4}"
+            placeholder="xxx-xxx-xxxx"
+          />
+        </div>
+        <button type="submit">Submit</button>
+        <button type="reset">Reset</button>
+      </form>
     </main>
   </body>
 </html>
