diff --git a/index.html b/index.html index a3f6561..fdf444f 100644 --- a/index.html +++ b/index.html @@ -14,21 +14,20 @@
- Tray of Chocolate Chip Cookies. + Plate of No Bake cookies.

Cookies!

My Favorite Cookies:

- - - diff --git a/style.css b/style.css index 9ca8552..fa4d317 100644 --- a/style.css +++ b/style.css @@ -1,47 +1,48 @@ -/* +/* STYLE.CSS: One stylesheet to rule them all. - + selector { property:value } - + */ @import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great|Lato); body { - background-color: #431901; + background-color: #301c00; } - + .pageContainer { - width: 940px; + width: 970px; margin: 20px auto 0 auto; padding: 20px; - background-color: #fff; + background-color: #FFFFCC; } - + .imageContainer { float: left; - width: 620px; + width: 630px; } - + .textContainer { - float: left; + float: right; width: 300px; margin-left: 20px; margin-top: 20px; } img { - width: 100%; + width: 90%; + height: 90% } - + h1 { font-family: 'Fredericka the Great', cursive; font-size: 64px; color: #411000; } - + p, li { font-family: 'Lato', sans-serif; font-size: 22px; @@ -52,13 +53,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