Can't find my mistake. Help please!


2. What is a Mixin

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(
    $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);
    @include transform
  .front, .back 
    width: 100%;
    height: 100%;
    position: absolute;
    @include backface-visibility;
  z-index: 3;
  font-size: 20px;

      display: block;
      text-align: center;
      position: relative;
      top: 40%;
  z-index: 1;
  word-wrap: break-word;
  line-height: 1.6;
      width: 100%;
      height: 100%;
        width: 60%;
        margin: 0px auto;


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

Starting here:

  	@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 :).


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