Having problem in Your First Sass Stylesheet: 5th Exercise - Nesting Properties


#1




I'm getting this error:

expected div.banner to have its border-bottom style equal to 4px solid black but got 3.63636px solid #000000

The instruction:

In main.scss, nest the following properties inside of .banner:

border : {
top: 4px solid black;
bottom: 4px solid black;
}
Click "Run" to see your changes in the browser and view the output in main.css


@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

Did you copy and paste the code from the instructions? I know it tends to not like that and return an error.


#3

I'm not sure if I did. I usually manually type the codes for practice but sometimes I get lazy, lol! I'll try manually typing and see if it makes a difference. Tnx for the reply and Merry Christmas!


#4

Ok, I manually typed the code but I still got the same error. I tried it on Firefox and finally it was a success. I was using Chrome before.


#5

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