Learn Typography by Building a Nutrition Label - Step 4

HTML-CSS
1

Tell us what’s happening:

INSTRUCTIONS:
Within your head element, add a link element with the rel attribute set to stylesheet and the href attribute set to https://fonts.googleapis.com/css?family=Open+Sans:400,700,800.

This will import the Open Sans font family, with the font weight values 400, 700, and 800.

Also add a link element to link your styles.css file.

I think I have done everything correctly.
I even copied the code from a member who got stuck at the end of this project, but the error message won’t go away.

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800" rel="stylesheet">
  <link href="./styles.css" rel="stylesheet">
</head>

<body>
  <h1>Nutrition Facts</h1>
  <p>8 servings per container</p>
  <p>Serving size 2/3 cup (55g)</p>
</body>
</html>

<!-- User Editable Region -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

Challenge: Learn Typography by Building a Nutrition Label - Step 4

Link to the challenge:

2

When I copy and paste your code it passes the challenge. There are a few steps you can try.

  1. Try restarting and refreshing the challenge to see if it will pass
  2. make sure you dont have any extensions running. Things like ad blocker, and dark mode can cause the challenge to fail.
  3. If none of the above work, then try submitting in the challenge in a different browser
3

Hello. Thanks for your reply. I tried all of them, nothing worked.

4

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