Learn Typography by Building a Nutrition Label - Step 4

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

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 rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800.">

/* Please I don’t know what I’m doing wrong here my code keeps saying to add a link tag*/
  <link rel="stylesheet" href="./styles.css">
</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 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1

Challenge Information:

Learn Typography by Building a Nutrition Label - Step 4

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

2 Likes
3

I did what I was told but I keep getting this even after adding the code

Sorry, your code does not pass. Hang in there.

One of your link elements should have an href attribute set to https://fonts.googleapis.com/css?family=Open+Sans:400,700,800.

1 Like
4

Look at the . at the end. It is not part of the stuff that’s highlighted as code

2 Likes
5

:weary:it worked thank you

2 Likes