Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Foundations CSS Gradients Radial Gradients

Timothy Kiefer
Timothy Kiefer
6,082 Points

Chrome update or something? Not appearing the same.

When I use the code provided in the project files, I don't get anything unless a shape is provided in the radial gradient, and when I do, I get a circle not a box.



Hey Tim,

Are you using the right vendor prefix for your own browser? Ex. I use Chrome so even when I am coding in the challenges, I must use the -webkit- prefix, such as -webkit-radial-gradient: and so on.

1 Answer

Antoine Boillot
Antoine Boillot
10,466 Points


That's normal : the project file you can download is a bit different from the one in the video.

In the one you download, there is a

border-radius: 50%;

property that makes your shape a circle.

Just delete this line, and you'll have the same result as the one in the video.

Hope this helps.