8. Learn More: Heading


#1

.nav a {
color: #5a5a5a;
font-size: 11px;
font-weight: bold;
padding-bottom: 14px;
padding-left: 10px;
padding-right: 10px;
padding-top: 14px;
text-transform: uppercase;
}
.jumbotron {
background-image: url('https://goo.gl/04j7Nn');
height: 500px;
}
.jumbotron h1 {
font-family: 'Shift', sans-serif;
}
{
color: #fff
font-size: 48px
font-weight: bold
}
.jumbotron p{
color: #fff;
font-size: 20px;'
}
}
.learn-more
back-ground-color: #f7f7f7
{
.learn-more h3 {
font-family: 'shift' , sans-serif;
font-size: 18px;
font-weight: bold;
}


#2

You have no selector for the 'color: #fff', and you have to add a curly brace to the selector '.learn-more', and delete the curly brace facing the wrong way before it. At the end of '.learn-more', the closing curly brace is facing the wrong way. There's also an extra apostrophe after the 'font-size: 20px' in '.jumbotron p {'.


#3

Thanks! it worked now