From 00e087210eda4d34877f9e977f6edc3dec8c80a0 Mon Sep 17 00:00:00 2001 From: Mark Goho Date: Wed, 2 Aug 2017 16:22:53 -0400 Subject: [PATCH 1/2] Updating styles for recipes proposal --- styles.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/styles.css b/styles.css index 95d2db9..0c04b3c 100644 --- a/styles.css +++ b/styles.css @@ -48,3 +48,22 @@ nav a { nav li { display: inline; } + +.recipes { + list-style-type: none; + padding: 0; +} + +.recipes li { + border: 1px solid #b56663; + padding-left: 15px; +} + +.recipes h3 { + border-bottom: 0; +} + +.recipes a { + color: #7facaa; + text-decoration: none; +} From fbbcdfc32ed5aa0a84a73e562541196dfa1a974c Mon Sep 17 00:00:00 2001 From: Mark Goho Date: Wed, 2 Aug 2017 16:53:42 -0400 Subject: [PATCH 2/2] updating styles --- index.html | 58 ++++++++++++++++++++++++++++------------------------ recipes.html | 58 ++++++++++++++++++++++++++++------------------------ styles.css | 27 ++++++++++++++++++++---- 3 files changed, 85 insertions(+), 58 deletions(-) diff --git a/index.html b/index.html index 807f4e8..16569c7 100644 --- a/index.html +++ b/index.html @@ -11,35 +11,39 @@ -

Recipe World

- -

Magic Cake

-

Magic cake is one of the tastiest cakes the world ahs ever known. Few have tried and lived to tell about it, and these - are their stores.

-

We also need to stress that whatever happens to you as a result of consuming Magic Cake is your responsibility. You've - been warned, and you can view our legal page for more - information. -

-

Ingredients

- -

Directions

-
    -
  1. Mix eggs, sugar, and butter in a large bowl
    2. -
  2. Spread into a non-stick dish
    3. -
  3. Bake at 350 degrees for 1 hour
    4. -
  4. Let sit at room temp for 20 minutes
    5. -
  5. Eat and enjoy!
    6. -
+

Directions

+
    +
  1. Mix eggs, sugar, and butter in a large bowl
    2. +
  2. Spread into a non-stick dish
    3. +
  3. Bake at 350 degrees for 1 hour
    4. +
  4. Let sit at room temp for 20 minutes
    5. +
  5. Eat and enjoy!
    6. +
+ \ No newline at end of file diff --git a/recipes.html b/recipes.html index e01fb9d..6676dc8 100644 --- a/recipes.html +++ b/recipes.html @@ -11,34 +11,38 @@ -

Recipe World

- +
+

Recipe World

+ +
-

Recipes

- +
+

Recipes

+
    +
  • +

    Magic Cake

    +

    This is a dangerously delicious cake.

    +
    • +
  • +

    Tacosaurus Mex

    +

    It's always taco night somewhere

    +
    • +
  • +

    Florida Omelette

    +

    Omelette you in on a little secret - this is one tasty egg.

    +
    • +
  • +

    Mystery-which

    +

    It's a sandwich. That's all we can really say right now.

    +
    • +
+
diff --git a/styles.css b/styles.css index 0c04b3c..3dbdc90 100644 --- a/styles.css +++ b/styles.css @@ -13,16 +13,14 @@ a { border: 0; } -body { - padding: 20px; -} - h1 { margin: 10px 0 15px 0; + text-align: center; } h2 { margin: 10px 0 20px 0; + text-align: center; } h3 { @@ -36,6 +34,10 @@ ol { padding-left: 50px; } +nav { + text-align: center; +} + nav ul { padding-left: 0; } @@ -67,3 +69,20 @@ nav li { color: #7facaa; text-decoration: none; } + +header { + padding: 10px; + background-color: #b56663; +} + +header a, +h1 { + color: #fff; +} + +main { + width: 500px; + padding: 20px; + border: 1px solid #ddd; + margin: 30px auto 0 auto; +}