Please help me!Learn Typography by Building a Nutrition Label - Step 4

please help me, the instructions are not being very clear about what they want and when i type in exactly as im asked i get the same hint on repeat and im beyond frustrated. this is the repeat i keep getting < One of your link elements should have an href attribute set to https://fonts.googleapis.com/css?family=Open+Sans:400,700,800 .> i am tired of trying to figure out why it isnt working properly

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

<!-- User Editable Region -->

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

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

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

Link to the challenge:

Ah I think I see the problem. First of all, you have 2 href attributes in one element.
Second of all, it looks like you tried to link styles.css twice. Just check your element closely. Also helpful is to use right-click → inspect on some different webpages to see some real life examples of in action. That helped me understand and follow along when I was doing these projects.

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