This forum is now read-only. Please use our new forums at discuss.codecademy.com.

Sun, Earth, and Code Forum

View Course » View Exercise

440 points
5546379ce39efe717e0003d1_195035253?awsaccesskeyid=akiajkz7qvqfd72xnj3q&expires=1498352563&signature=frifkuyhmk3slceh0q%2fzfetm5fk%3d
Submitted by
Habeebat
about 2 years ago

Oops, try again. Did you add 'position: absolute;' to your #earth-orbit style?

#earth {
/* Style your earth */
position: absolute;
top: 50%;
left: 50%;

height: 200px;
width: 200px;
margin-top: -100px; 
margin-left: -100px;

border-color: orange;
border-width: 8px;
border-style: solid;
border-radius: 50%;

box-shadow: 0 0 128px red;

}


0 votes

permalink

I'm having the same exact problem!

136 points
54f5fb8a9113cb4c3e0005b6_75049967
Submitted by
ObsidianMage
about 2 years ago


0 votes

permalink

Your code should look like this:

#earth {
position: absolute;
top: 25%;
left: 25%;
position: absolute;
top: 0;
left: 50%;
height: 50px;
width: 50px;
margin-left: -25px;
margin-top: -25px;
}

/* Don't forget the parentheses above */

#earth-orbit {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 500px;
margin-top: -250px;
margin-left: -250px;
border-width: 2px;
border-style: dotted;
border-color: white;
border-radius: 50%;
}

328 points
72e7058cc377c621eba9375957fbb4ec?s=140&d=retro
Submitted by
Anaïs Delfau
about 2 years ago

2 Comments

557ffaa6937676a08800004b_477103648 Ruslan217 almost 2 years ago

it doesn't work

2a9878f6252a1374a7ec3258ac3bcfeb?s=140&d=retro 1837277_53b6d2cc548c3574db0024d9_del almost 2 years ago

i agree on that too, it doesn't work