Can't find my mistake. Help please!

<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.>
2. What is a Mixin
<In what way does your code behave incorrectly? Include ALL error messages.>
Help! I don’t know what is wrong. I tried so many time, but it is incorect.

```

My code:

@mixin backface-visibility {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
}
@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 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 {
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);
&:hover{
@include transform
(rotatey(-180deg());

.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>

It looks like you are missing quite a few curly braces there.

Starting here:

  &:hover{
  	@include transform (rotatey(-180deg));  
  }  // you are missing this

And then, for the rest of the way down the code that you’ve posted, all of the curly braces are missing.

Yo man, can you write how it should look like, because I won’t get it how to correct it. If you could write all code how it should look like and i could just copy paste, then i would be realy realy thankful to You.

Under the Get Help button, there is an “I want to restart this exercise” option – that will restore all the { } that you changed to the way it was when you started.

OMG, thank you very much. I finaly passed it. I wish you a happy day :).

1 Like

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