3. Oops, try again. Set top to 100px


#1


Here is my code:

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

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

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

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

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

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

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

.nav li {
  display: inline;
}

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

#2

Your code is perfect.

Try each of these steps until you find one that makes the code checker pay attention :smile:

  1. reload/refresh your web page
  2. use the Reset Code button, then add you new CSS rule again (copy/paste is fine)
  3. reset your browser's zoom setting, cmd-0 (Mac), ctrl-0 (PC)

#4

I was also stuck on this exercise for days with no error in my code. I eventually did a reset, reloaded the page and copied the '.jumbotron .container' part of your code and pasted it in.

It worked!!

I honestly feel there is a bug in that exercise.