5. Nesting properties


#1



https://www.codecademy.com/courses/learn-sass/lessons/hello-sass/exercises/nesting-properties?action=lesson_resume


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;
	}
}


#2

make sure you closed( } ) all opening curly brackets


#3

i have the same problem


#4

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


#5

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.


#6

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


#7

.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


#8

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

reset the exercise then try :slight_smile:


#9

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