8/14 Error


#1

For some reason I get the following error message:

Oops, try again.
Set the background-color of `<div class="neighborhood-guides">..</div>` to #efefef

I can't figure out why, so please help. Below is the css code:

.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

.nav li {
  display: inline;
}

.jumbotron {
  background-image:url('http://goo.gl/04j7Nn');
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}

.jumbotron .container {
  position: relative;
  top:100px;
}

.jumbotron h1 {
  color: #fff;
  font-size: 48px;  
  font-family: 'Shift', sans-serif;
  font-weight: bold;
}

.jumbotron p {
  font-size: 20px;
  color: #fff;
}

.neighborhood-guides {
 background-color: #efefef;
 border-bottom: 1px solid #dbdbdb;
}

.neighborhood-guides h2{
 color: #393c3d;
 font-size: 24px;
}

.neighborhood-guides p{ 
 font-size: 15px;
 margin-bottom: 13px;
}

.learn-more {
  background-color: #f7f7f7;
}

.learn-more h3 {
  font-family: 'Shift', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

.learn-more a {
  color: #00b0ff;
}

#2

Your code looks good.

Do you still have a link to your main.css file?


#3

Like this?

<link rel="stylesheet" href="main.css">`

Then yes


#4

Yes, that's it, and it looks good.

Could you try:

  • reload/refresh the web page
  • if that doesn't work, use the Reset Code button to start this exercise fresh