5. Nesting properties

<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/lessons/hello-sass/exercises/nesting-properties?action=lesson_resume

<In what way does your code behave incorrectly? Include ALL error messages.>
expected div.banner to have its border-bottom style equal to 4px solid black but got 3.75px solid #000000

```

@import url(https://fonts.googleapis.com/css?family=Pacifico);
//Add variables here:

h1 {
font-family: Roboto, sans-serif;
text-align: center;
}

.banner {
font-family: ‘Pacifico’, cursive;
height: 400px;
background-image: url(“lemonade.jpg”);
border : {
top: 4px solid black;
bottom: 4px solid black;
}

.slogan {
position: absolute;
border: 4px solid black;
top: 200px;
left: 25%;
width: 50%;
height: 200px;

span {
	position: absolute;
	text-align: center;
	line-height: 200px;
	}
}

}

.container {
text-align: center;
font-family: ‘Pacifico’, cursive;

.icon {
display: inline-block;
margin: 2%;
border: 4px solid black;
font-size: 32px;
}
}

<do not remove the three backticks above>

make sure you closed( } ) all opening curly brackets

i have the same problem

Same here. All curly brackets are closed and the CSS output is right, but still the error message.

The code is the one that the page gave me after I’ve failed a lot of times so I think that is correct and I’ve tried to run the code in differents browsers (Chrome, Opera and Firefox) but gives the same error.

.banner {
  font-family: 'Pacifico', cursive;
  height: 400px;
  background-image: url("lemonade.jpg");
  border : {
    top: 4px solid black;
    bottom: 4px solid black;
	}

where is your closing bracket ( } ) for .banner ?

.banner {
font-family: ‘Pacifico’, cursive;
height: 400px;
background-image: url(“lemonade.jpg”);
border : {
top: 4px solid black;
bottom: 4px solid black;
}

.slogan {
position: absolute;
border: 4px solid black;
top: 200px;
left: 25%;
width: 50%;
height: 200px;

span {
  	position: absolute;
  	text-align: center;
  	line-height: 200px;
  }

}
}

{ } are for .banner

well so i copied your code and run it but it doesn’t give me any error.

reset the exercise then try :slight_smile:

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