Exercise 6. main.css trouble


#1

I have added the link successfully, but it is not accepting the font-family line I have entered. Some solutions I found here and have tried include resetting the code, refreshing the browser, and attempting in a different browser. None of those have worked for me. Any assistance is appreciated! I am stuck here. Thanks!

PS: I am unable to copy and paste my index.main code here for some reason. It does not show in the preview pane even though it shows in the edit pane. Suggestions?

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

index.html

<head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
  </head>

#3

How to post code in this forum.

The problem with your code is that you have removed the link to your main.css file. Without that file none of your CSS rules are being processed. You can see that if you look at the web preview window. For instance, the list elements in your nav are not styled as uppercase as they should be.


#4

Thanks for the quick response! I have made the correction and it worked. Thanks again!