Square box around the sun


#1

this is the code for the sun. I followed the instructions and still got a square.

sun {

 /* Positions the top-left corner of the image to be */
/* in the middle of the box */
position: absolute;
top: 50%;
left: 50%;

/* Play with these numbers to see what it does */
height: 200px;
width: 200px;
margin-top: -100px; 
margin-left: -100px;
border-color: orange;
border-width: 2px;
border-style: solid;
border-radius: 50%

box-shadow: 0 0 64px yellow;

}


#2

Hi @rhlee,

border-radius: 50%

I have two suggestions which might help, but I haven't tried them myself:

  1. Try putting a semi-colon (;) at the end of the line
  2. Change 50% to 1000px

Please let me know if either of those works, or if you still see a square :slight_smile: