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

Sun, Earth, and Code Forum

View Course » View Exercise

6 points
Picture
Submitted by
James Brann
over 3 years ago

6/7 help please

I have done every thing i thought was wrong but it still wont work

html, body {
/* The universe takes up all available space */
width: 100%;
height: 100%;

/* The universe is black */
background-color: black;

}

#sun {
position: absolute;
/* Positions the top-left corner of the image to be *
/* in the middle of the box /
top: 69%;
left: 78%;
border-color: black;
border-width: 10px;
border-style: dotted;
border-radius: 60%;
/
Play with these numbers to see what it does */
height: 250px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}

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

height: 30px;
width: 50px;
margin-left: -25px;
margin-top: -25px;
#earth-orbit style {
position: absolute;
top: 50%:
left: 50%;

height: 500px;
width: 500px;
margin-left: -250px;
margin-top: -250px;

border-width: 2px;
border-style: dotted;
border-color: red;
border-radius: 50%
-webkit-animation: spin-right 10s linear infinite;
-moz-animation: spin-right 10s linear infinite;
-ms-animation: spin-right 10s linear infinite;
-o-animation: spin-right 10s linear infinite;
animation: spin-right 10s linear infinite;
}
}
-webkit-keyframes spin-right {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-right {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
please, i really want to get through this take the time answer :)


0 votes

permalink

5/7 help me

41 points
Picture
Submitted by
Achraf Boubaker
over 3 years ago