Skip to content
Open
35 changes: 25 additions & 10 deletions potato.css
Original file line number Diff line number Diff line change
Expand Up @@ -19,25 +19,33 @@ h1 {

/* Insert CSS for body below this line*/
#body {
top: 28px; left: 68px;
top: 28px;
left: 68px;
}
/* Insert CSS for arms below this line*/



#arms_image {
top: 200px;
left: 26px;
}

/* Insert CSS for ears below this line*/



#ears_image {
top: 100px;
left: 58px;
}

/* Insert CSS for eyes below this line*/

#eyes_image{
top: 110px;
left:120px;
}



/* Insert CSS for mouth below this line*/

#mouth_image {
top: 210px; left: 120px;
}



Expand All @@ -52,6 +60,10 @@ h1 {


/* Insert CSS for glasses below this line*/
#glasses_image{
top: 90px;
left:100px;
}



Expand All @@ -67,7 +79,10 @@ h1 {


/* Insert CSS for moustache below this line*/

#moustache_image {
top:176px;
left:90px;
}



Expand Down
12 changes: 6 additions & 6 deletions potatohead.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,15 +13,15 @@ <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="mouth_image" >
<img id="eyes_image" src= "assets/eyes.png" >
<img id="arms_image" src="assets/arms.png">
<img id="ears_image" >
<img id="mouth_image" src="assets/mouth.png" >
<img id="nose_image" >
<img id="eyebrows_image" >
<img id="glasses_image" >
<img id="glasses_image" src=assets/glasses.png>
<img id="hat_image" >
<img id="moustache_image" >
<img id="moustache_image" src= "assets/moustache.png">
<img id="shoes_image" >
<img id="cane">
<img id="earrings">
Expand Down