Parallax banner help


#1

<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/courses/learn-sass/projects/parallax-banner

<In what way does your code behave incorrectly? Include ALL error messages.>
Nothing is changing in the view, it just shows text from index.html. Dont know what I am doing wrong, please help.

```

$parallax-height: 100vh;
$center-margin: 0px auto;

@mixin background-size($size) {
-webkit-background-size: $size;
-moz-background-size: $size;
-o-background-size: $size;
}

@mixin parallax-background($file) {
background: url($file) no-repeat center center fixed;
@include background-size(cover);
}

html,
body {
margin: 0;
padding: 0;
font-family: Roboto;
color: #2e3738;
}

#landscape {
width: 100%;
height: $parallax-height;
perspective: 1px;
transform: translateZ(-1px);
overflow-x: hidden;
overflow-y: auto;
@include parallax-background(‘https://s3.amazonaws.com/codecademy-content/projects/sass/landscape.jpg’);
}

#monkeys {
width: 100%;
height: $parallax-height;
perspective: 1px;
transform: translateZ(-1px);
overflow-x: hidden;
overflow-y: auto;
@include parallax-background(“https://s3.amazonaws.com/codecademy-content/projects/sass/monkeys.jpg”);
}

#landscape,
#monkeys {

h1{
	text-transform: uppercase;
  	font-family: 'Bitter', serif;
  	letter-spacing: 0.06em;
  	font-size: 120px;
  	color: #FFF;
  	opacity: 0.7;
  	text-align: center;
  transform: translateZ(-2px);
}

}

p {
width: 70%;
padding: 5%;
margin: $center-margin;
text-align: center;
font-size: 20px;
font-weight: 200;
line-height: 1.4;
}

<do not remove the three backticks above>

#2

Hey, i had the same Problem.
Just change in your Index.html the name of your css file.

I had to change it from theme.css to main.css


#3

Haha, didn’t even thought that might be the problem. Thx for help !


#4

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