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

Abby Roe
Abby Roe
6,375 Points
Posted by Abby Roe
Abby Roe
6,375 Points

backface-visibility: hidden; isn't causing the backfaces of the photos to be hidden.

I have looked at other questions and answers in the forum, but nothing I've tried is working.

Here is the snapshot: https://w.trhou.se/v1el8bkosd

2 Answers

Travis Alstrand
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Treehouse Project Reviewer
Travis Alstrand
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Treehouse Project Reviewer

Hiya Abby Roe ! :wave:

Try changing your .photo-container and .photo-container:hover selectors to just .photo instead.

After that, I'd try giving your .side-b a rotation on it's transform like so...

.side-b {
  transform: rotateY(180deg);
}

That got it working on my end with your forked Workspace (thanks for providing that snapshot btw! :thumbsup:)

If it's still not working on your end, let us know what browser you're using and provide an updated snapshot link to carry over changes please! :smiley:

Abby Roe
Abby Roe
6,375 Points
Abby Roe
Abby Roe
6,375 Points

Thank you! That fixed the problem!