Added third Production Problem

profstolley · Feb 3, 2017 · a2ad40d · a2ad40d
1 parent 9b2d0a3
commit a2ad40d
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 0 deletions.
diff --git a/pp-03/index.html b/pp-03/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en" class="nojs">
+<head>
+  <title>Production Problem 3</title>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1.0,shrink-to-fit=no" />
+  <link rel="stylesheet" media="screen" href="screen.css" />
+</head>
+<body>
+
+</body>
+</html>
diff --git a/pp-03/readme.md b/pp-03/readme.md
@@ -0,0 +1,20 @@
+## ITMD 362, Production Problem 3: Form Semantics and Normalized Styles
+
+In the `index.html` file in this directory, create a form that asks for a user’s email address,
+phone number, and date of birth. There should also be a submit button.
+
+Be sure to:
+
+* Use the best HTML `<input>` types
+* Use additional HTML `<input>` attributes to present mobile keyboards suited to the input task
+* Use semantically associated `<label>` tags
+* Use some kind of semantic grouping structure in HTML to keep labels and inputs together
+
+Then, in the `screen.css` file, do the following:
+
+* Open with a rich set of reset CSS styles (such as Eric Meyer’s used in class demos)
+* Include a set of normalization styles for your forms (such as the Form area of Normalize.css)
+* Set up a baseline grid for all text on the page, including form elements and buttons.
+
+As with all production problems, be sure that you are doing multiple, granular/atomic commits as you
+complete your work.
diff --git a/pp-03/screen.css b/pp-03/screen.css