diff --git a/images/cookie-monster.jpg b/images/cookie-monster.jpg new file mode 100644 index 0000000..53ec81b Binary files /dev/null and b/images/cookie-monster.jpg differ diff --git a/index.html b/index.html index a3f6561..5d37559 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ - + My Favorite Cookies @@ -13,8 +13,8 @@
-
- Tray of Chocolate Chip Cookies. +
+ Cookie Monster Had an Addiction.

Cookies!

@@ -22,13 +22,11 @@

Cookies!

  • Chocolate Chip
  • Peanut Butter
  • -
  • Christmas
  • +
  • World Peace
  • +
  • Chocolate Chunk
- - - diff --git a/style.css b/style.css index 9ca8552..eb87429 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,10 @@ -/* +/* STYLE.CSS: One stylesheet to rule them all. - + selector { property:value } - + */ @import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great|Lato); @@ -12,19 +12,19 @@ body { background-color: #431901; } - + .pageContainer { width: 940px; margin: 20px auto 0 auto; padding: 20px; background-color: #fff; } - + .imageContainer { float: left; width: 620px; } - + .textContainer { float: left; width: 300px; @@ -35,13 +35,13 @@ body { img { width: 100%; } - + h1 { - font-family: 'Fredericka the Great', cursive; + font-family: 'Cookie', cursive; font-size: 64px; color: #411000; } - + p, li { font-family: 'Lato', sans-serif; font-size: 22px; @@ -52,13 +52,12 @@ p, li { /* ---- Advanced ---- */ -/* This tag is a bit advanced for this lesson, - but is needed to wrap the pageContainer +/* This tag is a bit advanced for this lesson, + but is needed to wrap the pageContainer around any sized content that is floated within it. */ -.pageContainer:after { +.pageContainer:after { content: " "; display: table; clear: both; } - \ No newline at end of file