Exercise 2: Backface Visibility


#1



https://www.codecademy.com/courses/learn-sass/lessons/mixins-and-parent-selector/exercises/mixins?action=lesson_resume


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);
  
  &:hover{
  	@include transform (rotatey(-180deg));  
	}	
  
  .front, .back {
    width: 100%;
    height: 100%;
    position: absolute;
    @include backface-visibility;
  }

Any help would be greatly appreciated!


#2

Hello

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


#3

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?"


#4

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


#5

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?


#6

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


#7

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