Learn Typography by Building a Nutrition Label - Step 4

HTML-CSS
1

Tell us what’s happening:
It keeps telling me that I need two self-closing link elements but I already do. Did I make a mistake?

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800"/>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<title>Nutrition Label</title>

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

/* 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/103.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like
2

Your HTML works for me. You might try reloading the step and adding the new HTML it again (assuming you haven’t already). Or perhaps try a different browser? Or if you have a bunch of browser extensions installed, especially extensions that mess with the styling on the page, you might try disabling those? It’s really just a guessing game here to figure out why this isn’t passing for you because your HTML is correct.

3

Sorry, for the long reply.
But thank you, I had to switch browsers and it was right.

4

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