Stuck on @include backface-visibility

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>
https://www.codecademy.com/en/courses/learn-sass/lessons/mixins-and-parent-selector/exercises/mixins?action=lesson_resume

<In what way does your code behave incorrectly? Include ALL error messages.>
My code looks right but it’s not working.Can anyone please help.

``` @mixin stripes($direction, $width-percent, $stripe-color, $stripe-background: #FFF) { background: repeating-linear-gradient( $direction, $stripe-background, $stripe-background ($width-percent - 1), $stripe-color 1%, $stripe-background $width-percent ); } @mixin backface-visibility($visibilty: hidden){ backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; } @mixin transform($transformation) { transform: $transformation; -webkit-transform: $transformation; -moz-transform: $transformation; -ms-transform: $transformation; -o-transform: $transformation; }

@mixin photo-content {
object-fit: cover;
}

//Add your own mixins here

.notecard {
&:hover{
@include tranform (rotatey(-180deg));
}
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);

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

.front {
z-index: 3;
font-size: 20px;

.word {
  display: block;
  text-align: center;
  position: relative;
  top: 40%;
}    

}

.back {
z-index: 1;
word-wrap: break-word;
line-height: 1.6;

.definition {
  width: 100%;
  height: 100%;
        
  .photo {
    width: 60%;
    margin: 0px auto;
      
  }
}

}
}

<do not remove the three backticks above>

I had the exact same problem. You have to add the mixins where it says “add your own mixins here”. Pretty much just copy the code into those places & it should run properly.

Thanks it really worked. Thank you for your help. :blush::relaxed::grinning:

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