Stuck at 5/16


#1


it say to set the font-family of h2 and p as Roboto, sans-serif; and I did exactly that, why it still tells me to set the value as Roboto


https://www.codecademy.com/courses/learn-html-css/lessons/css-fonts/exercises/more-fonts?action=lesson_resume


h1 {
color: #FFF;
font-size: 32px;
padding-top: 100px;
text-align: left;
width: 60%;
font-family: Roboto, sans-serif;
}

h2 {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
font-weight: 100;
font-size: 22px;
line-height: 24px;
padding-bottom: 30px;
text-align: left;
width: 70%;
font-family: Roboto, sans-serif;
}

p {
color: AliceBlue;
line-height: 1em;
text-align: left;
width: 100%;
font-family: Roboto, sans-serif;
}


Replace this line with your code.


#2

I'm sounding repetitive, now. After you click Run, refresh the page to be sure your code is updated in the interface. You might need to click Run again to get the check mark.


#4

I refreshed it, the code is updated but it is still wrong


#5

jest updated the
index.html

<!DOCTYPE html>
<html>
<head>
    <title>The Rise of Soccer in The US</title>
    
    <link href="https://fonts.googleapis.com/css?family=Roboto:100" type="text/css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Playfair+Display" type="text/css" rel="stylesheet">
  <link href="style.css" type="text/css" r el="stylesheet">
</head>
<body>    
 <div class="content">
    <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-4/htmlcss1-img_writer-avatar.jpg" class="writer-img">
    <h3 class="byline">Article By: Jane Dover</h3>
    <h1>How the Rise of Soccer in the US Is Changing the Face of Youth Sports</h1>
    <h2>The focus on soccer in youth sports programs is exploding nation-wide</h2>
    <p>When the first World Cup arrived in the US in the 90's everyone officially declared that soccer was it. Well it's taken it's time but we can definitely see the influence of soccer, especially women's soccer, across the US. This year, 3 million kids played in youth soccer leagues with 2/3 of those leagues for girls. In fact, in the 12-17 age range the MLS has surpassed the MLB and NFL in popularity.</p>
    <p>Part of this meteoric rise can be attributed to the impressively soaring ad dollars being pumped into the Women's World Cup games in 2014. The women's games generated $40 million for Fox, that's definitely not chump change. And those advertisers, like ATT, Coca Cola, Verizon, Nike, Visa, and other heavy hitters, are working to make sure they see those numbers grow year after year by investing in youth soccer facilities and promoting programs across the country. </p>
    <p>Now that big business is involved you can be assured you'll see a continued rise in popularity in soccer across the country for years to come. </p>
  </div>

  <div class="image">
    <p class="caption">The local semi- pro soccer team in Seattle, WA plays an international friendly</p>
  </div>

</body>
</html>

#6

after that.

update your
style.css

h2 {
  font-family: 'Roboto', sans-serif;
}

p {
  font-family: 'Roboto', sans-serif;
}

#7

I have the same problem just now. I think it's a bug. I reported it already.


#8

I also thought it's a bug and reported it. However, it seems to be browser-related. I tried safari and it worked. It was reported earlier that it also did work in chrome.


#9

It worked, thank you very much


#10

it did not work on either safari or chrome on my computer


#11

This fixed it for me. Thank you.


#12

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.