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. -
  3. Spread into a non-stick dish
  4. -
  5. Bake at 350 degrees for 1 hour
  6. -
  7. Let sit at room temp for 20 minutes
  8. -
  9. Eat and enjoy!
  10. -
+

Directions

+
    +
  1. Mix eggs, sugar, and butter in a large bowl
  2. +
  3. Spread into a non-stick dish
  4. +
  5. Bake at 350 degrees for 1 hour
  6. +
  7. Let sit at room temp for 20 minutes
  8. +
  9. Eat and enjoy!
  10. +
+ \ 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

+ +
diff --git a/styles.css b/styles.css index 95d2db9..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; } @@ -48,3 +50,39 @@ 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; +} + +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; +}