Code is solid, however webpage preview not loading


#1

I went through the lessons fine, all my code is solid, however the preview of the webpage isn't loading some elements.

also here is my code: .nav a {
color: #5a5a5a;
font-size: 11px;
font-weight: bold;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
}

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

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

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

.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

It seems very little of your style is applied, could you also post your html code?

use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard