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

Posted by Patrick Witbrod
Patrick Witbrod
3,882 Points

Random Extra Box

Hi,

I'm playing with making flipping cards using transitions after doing the CSS deep dive.

I don't know what's going on but if you look at this codepen you'll see some random styling show up to this right of the .card_back after it flips.

I know if I take away the shadow it will get rid of the outline but the actual 'thing' will be there. You will also notice that if you remove some text from the p that the box will move back up into the div.

Does anyone know what this is about?

(I did use some of the styling from the 3D transform styles but I tried to do the actual transform myself.)

http://codepen.io/pkwitbrod/pen/dLHIj/

2 Answers

Delane Frear
Delane Frear
1,113 Points

The <div class="card_back"> isn't closed properly.

After your paragraph element you will see a <div> which should be </div> to close <div class="card_back>.

What you are seeing is an additional div styled with .wrap div's box-shadow.

Patrick Witbrod
Patrick Witbrod
3,882 Points
Patrick Witbrod
Patrick Witbrod
3,882 Points

Thanks. I must have been blind last night. I really thought I checked.