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 Backgrounds and Borders Box Shadows

Possible errors in video, though small

The HTML classes don't match up with the CSS. The HTML shows:

<body>
    <div class="rounded box"></div>
    <div class="oval box"></div>
</body>

But the CSS shows:

.rounded {

}

.oval {

}

Also, Guil refers to the 5px as "blur radius" at time stamp 4:40, when actually it appears to be the "spread."

box-shadow: inset 0 10px 10px 5px rgba(0,0,0,.8);

You can see this when he changes the spread radius from 5px to 4px at time stamp 5:15.

4 Answers

Devin Scheu
Devin Scheu
66,191 Points

The class rounded box and oval box, are not one class, he refers to the correctly. rounded and box are two separate class on the same div, not one. Same with oval and box. Yes, sometimes the teachers make mistakes in their references but rarely. It is a minor error that should not affect how people learn. I hope this helps!

DOH!! I should have remembered that. Thanks Devin.

Yes, I noticed that second one too. It confused me a bit, maybe a note should be added about that in the comments?