From 21a87ecc87e7170701dad857aae3a3150ce08592 Mon Sep 17 00:00:00 2001 From: Trent Palmer Date: Wed, 29 Aug 2018 22:24:14 -0700 Subject: [PATCH] add how_was_dinner/* --- how_was_dinner/how_was_dinner.css | 63 +++++++++++++++++++++++++++++ how_was_dinner/index.html | 66 +++++++++++++++++++++++++++++++ 2 files changed, 129 insertions(+) create mode 100644 how_was_dinner/how_was_dinner.css create mode 100644 how_was_dinner/index.html diff --git a/how_was_dinner/how_was_dinner.css b/how_was_dinner/how_was_dinner.css new file mode 100644 index 0000000..b463167 --- /dev/null +++ b/how_was_dinner/how_was_dinner.css @@ -0,0 +1,63 @@ +html,body { + background-color: hsl(48, 93%, 73%); + color: hsl(48, 93%, 13%); +} + +#title,#description { + text-align: center; +} + +#title { + width: fit-content; + margin: 1rem auto auto; + padding: 1rem 5rem; +} + +#main { + background-color: hsl(228, 93%, 73%); + max-width: 900px; + margin: 4rem auto auto; + padding: 1rem; + border-radius: 1rem; + border-color: hsl(48, 93%, 13%); + border-style: solid; + border-width: medium; +} + +.form-div { + display: flex; + flex-wrap: wrap; + margin: .5rem 0; +} + +.form-label { + flex: 1 1 200px; + min-width: 200px; + text-align: right; + padding-right: 2rem; + margin: 1rem 0; +} + +.form-input { + flex: 1 1 200px; + min-width: 200px; + margin: 1rem 0; +} + +#submit { + display: flex; + margin: 2rem auto; +} + +@media (max-width: 500px) { + .form-div { + margin: .25rem 1rem; + } + .form-label { + text-align: left; + margin: .25rem 1rem; + } + .form-input { + margin: .25rem 1rem; + } +} diff --git a/how_was_dinner/index.html b/how_was_dinner/index.html new file mode 100644 index 0000000..5932928 --- /dev/null +++ b/how_was_dinner/index.html @@ -0,0 +1,66 @@ + + + + + + + + + + + +
+ +
+

How Was Dinner?

+
+

Not that we care ... (Don't worry, we don't!).

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+   I like bacon.
+   I like bacon.
+   I like bacon.
+   I like bacon.
+   I like bacon.
+   I like bacon.
+
+
+
+

Please explain why canned sardines are the best snack food.

+ +
+
+
+ +