Add form

vectorXX · Jun 3, 2016 · 7bbf77a · 7bbf77a
1 parent fd75ae1
commit 7bbf77a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/final-project/ecommerce-site/index.html b/final-project/ecommerce-site/index.html
@@ -131,17 +131,19 @@ <h2 class="hot-list__header">Hot List</h2>
         <h3 id="sub-heading" class="subscribe-card__heading">
           Subscribe To Stories
         </h3>
-        <input type="text" id="sub-name" class="subscribe-card__field">
-        <label id="sub-name-label" for="sub-name" class="subscribe-card__label">
-          Name
-        </label>
-        <input type="text" id="sub-email" class="subscribe-card__field">
-        <label id="sub-email-label" for="sub-email" class="subscribe-card__label">
-          E-Mail
-        </label>
-        <button id="sub-btn" class="btn btn_framed">
-          Yes, Please
-        </button>
+        <form action="/placeholder.html" method="post">
+          <input type="text" id="sub-name" class="subscribe-card__field">
+          <label id="sub-name-label" for="sub-name" class="subscribe-card__label">
+            Name
+          </label>
+          <input type="text" id="sub-email" class="subscribe-card__field">
+          <label id="sub-email-label" for="sub-email" class="subscribe-card__label">
+            E-Mail
+          </label>
+          <button id="sub-btn" class="btn btn_framed">
+            Yes, Please
+          </button>
+        </form>
       </div>
     </aside>
   </div>

diff --git a/final-project/ecommerce-site/main.css b/final-project/ecommerce-site/main.css
@@ -44,6 +44,13 @@ a {
   color: initial;
 }
 
+form {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
 /* Demonstrate how to change the focus state for various controls */
 a:hover:not(.shopping-bag),
 a:focus:not(.shopping-bag),