Learn Typography by Building a Nutrition Label - Step

I can’t seem to get this step. I don’t know what i am getting wrong please.

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

<!-- User Editable Region -->

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

<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
<link rel="stylesheet" a href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800.">styles.css</link>
</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/120.0.0.0 Safari/537.36 Edg/120.0.0.0

Challenge Information:

Learn Typography by Building a Nutrition Label - Step 4

A link element is self-closing, so you don’t want a closing </link> tag in there.

Also, you need to create two link elements.

If you don’t remember how to include styles.css then look at the HTML for the previous Photo Gallery project you completed.

1 Like

Thank you so much. GOT IT!

2 Likes