6. Stuck in Jumbotron : Fonts


#1

Hey. I'm really stuck here. Do you have any idea as to how I can rectify the code. It keeps popping up error. Help me please..

index.html

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

main.css

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

6. Stuck in Jumbotron : Fonts
#2

Yes I do!

You have managed to remove the link to your main.css file. Without that link, your index.html file has no idea that you have a file full of CSS rules that you want it to use.


#3

is this the link or can you give me the link?

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

#4

Yes, that's the link that was missing. Fix your quotes - you have one " and one ' there.


#5

I really appreciate your help. :relieved: :smile:


#6

Why is there error again? Please help.

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

Make a new CSS rule that selects the h3 element inside <div class="learn-more">..</div>
Set font-family to 'Shift', sans-serif
Set the font-size to 18px
Set the font-weight to bold


#7

Your new CSS rule looks perfect.

Do you still have your shift.css and main.css links?


#8

A post was split to a new topic: 6. Stuck in Jumbotron : Fonts