Exercise 2: Backface Visibility


<Below this line, add a link to the EXACT exercise that you are stuck at.>

<In what way does your code behave incorrectly? Include ALL error messages.>
In this particular exercise, I seem to have included the code exactly as the instructions direct. Yet, I receive the error message “Did you assign backface visibility to .front in main.scss?” Here is my code:


//Add your own mixins here
@mixin backface-visibility {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;

.notecard {
width: 300px;
height: 180px;
border: 1px solid black;
display: inline-block;
margin: 20px;
font-family: Roboto, sans-serif;
box-shadow: 1px 1px 2px 2px rgba(0,0,0,.2);

@include transform (rotatey(-180deg));

.front, .back {
width: 100%;
height: 100%;
position: absolute;
@include backface-visibility;

<do not remove the three backticks above>

Any help would be greatly appreciated!


I am not familiar with Sass but what will happen if you typed this at the end -
@include backface-visibility();
Adding the brackets.

Thank you for the suggestion @carl1n. Sadly, it did not fix the problem, which is the error message “Did you assign backface visibility to .front in main.scss?”

Sorry to hear that.
Will continue to think outside the box for you. :grin:

It’s doing the same thing for me I know I’m doing everything right even when the Help thing comes saying “Keep Trying” or “Get Code” and I pick “Get Code” it writes the exact same code and still gets the error. I have no idea what’s going on. Maybe the instructions are wrong?

try different browser. i had same issue in safari. works fine in chrome.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.