new code for hat

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%;
+}
 
 
 

potatohead.html

@@ -13,16 +13,16 @@ <h1>Mr. Potato Head</h1>
 
 		<div id="potato">
 			<img id="body" src="assets/body.png">
-			<img id="arms_image">
-			<img id="ears_image">
-			<img id="eyes_image" >
+			<img id="arms_image" src="assets/arms.png">
+			<img id="ears_image" src="assets/ears.png">
+			<img id="eyes_image" src="assets/eyes.png">
 			<img id="mouth_image" >
-			<img id="nose_image" >
-			<img id="eyebrows_image" >
-			<img id="glasses_image" >
-			<img id="hat_image" >
-			<img id="moustache_image" >
-			<img id="shoes_image" >
+			<img id="nose_image" src="assets/nose.png">
+			<img id="eyebrows_image" src="assets/eyebrows.png">
+			<img id="glasses_image" src="assets/glasses.png">
+			<img id="hat_image" src="assets/hat.png" >
+			<img id="shoes_image" src = "assets/shoes.png">
+			<img id="moustache_image" src="assets/moustache.png">
 			<img id="cane">
 			<img id="earrings">
 			<img id="hatflower">