diff --git a/potato.css b/potato.css index 5c1d358..da7ae73 100644 --- a/potato.css +++ b/potato.css @@ -10,24 +10,35 @@ h1 { border: 2px solid black; margin-left: auto; margin-right: auto; - background-color: white; + background-color: yellow; } -#potato img { +#potato img { position: absolute; } /* Insert CSS for body below this line*/ #body { - top: 28px; left: 68px; + top: 30px; left: 68px; } /* Insert CSS for arms below this line*/ - +#arms_image { + top: 178px; + left: 30px; +} +#eyes_image { + top: 20%; left: 36%; +} /* Insert CSS for ears below this line*/ - +#ears_image{ + width: 200px; + margin-top: 70px; + margin-left: 87px; + +} @@ -37,27 +48,35 @@ h1 { /* Insert CSS for mouth below this line*/ - - - - /* Insert CSS for nose below this line*/ - - - +#nose_image { + margin-top: 120px; + margin-left: 130px; +} /* Insert CSS for eyebrows below this line*/ +#eyebrows_image{ + top: 102px; left: 109px; + +} +#glasses_image { + top: 60px; left: 100px; +} - - -/* Insert CSS for glasses below this line*/ + /* Insert CSS for hat below this line*/ - +#hat_image{ + margin-top:.5%; + margin-right:20%; + margin-left: 20%; + + +} @@ -67,12 +86,18 @@ h1 { /* Insert CSS for moustache below this line*/ - +#moustache_image{ + margin-top: 160px; + margin-left: 92px; +} /* Insert CSS for shoes below this line*/ - +#shoes_image{ + top: 60%; + left: 13%; +} diff --git a/potatohead.html b/potatohead.html index d039b2b..a80e308 100755 --- a/potatohead.html +++ b/potatohead.html @@ -13,16 +13,16 @@

Mr. Potato Head

- - - + + + - - - - - - + + + + + +