Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML SVG Basics SVG and CSS Responsive SVGs

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

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

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

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 :)

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.