.jumbotron .container


#1

I appreciate this topic is widely discussed on this forum, never the less my code is being rejected with the pop up;

Oops, try again. Set the position of the <div class="container">..</div> inside <div class="jumbotron">..</div> to relative

Here is my code. Any advice would be great!

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

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

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

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

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

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

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

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

#2

Hey Jon,

You are missing one curly brace. You must have an equal number of { and }.

Can you spot it now?