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

HTML SVG Basics SVG and CSS Responsive SVGs

Tina Burger
Tina Burger
17,467 Points
Posted by Tina Burger
Tina Burger
17,467 Points

Missing class on inner-circle - SVG Basics

I just noticed that one CSS property wasn't taken in the example illustrated on the video.

It seems that Nick forgot a dot before the first "inner-circle" declaration.

Just a marginal thing, but I thought it was good to point out...

Ricky Johnston
Ricky Johnston
27,445 Points
Ricky Johnston
Ricky Johnston
27,445 Points

Just noticed the same thing! Thought I was crazy for a second because my preview didn't match the one in the video. Good catch!

3 Answers

Aaron Coursolle
Aaron Coursolle
18,014 Points
Aaron Coursolle
Aaron Coursolle
18,014 Points

Good catch. That's why in his preview the stroke never disappears.

Renārs Ļubkins
Renārs Ļubkins
22,401 Points
Renārs Ļubkins
Renārs Ļubkins
22,401 Points

Yeah my first reaction was: "Where is my typo :)" I spend 5 min looking for it and only then i realize its Nick`s :)

David Tolle
David Tolle
2,316 Points
David Tolle
David Tolle
2,316 Points

Thank you! I spent a while looking over the parts of the svg in the html file, even commented each part to make sure I was looking at the right parts of the svg, and only on the third reviewing of his code did I notice the missing "." in main.css to make it a class.