Learn Typography by Building a Nutrition Label - Step 4

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Ive already posted about this once but it wouldn’t let me ask for help, after several attempts the “ask for help” button finally appeared.

I’m using the link exactly how its shown but it still wont register

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

  **Your code so far**

/* file: index.html */
<!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">
<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>

/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14909.100.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

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

Link to the challenge:

2

This still is bad syntax. Every tag requires a closing >

3

I fixed it but thats not the problem

4

It doesnt allow me to ask for help directly on the challenge so my apologies.

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

My code so far:

<!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"/>
<link rel="stylesheet" href="styles.css"
</head>
<body>
<h1>Nutrtion Facts</h1>
<p>8 servings per container</p>
<p>Serving size 2/3 cup (55g)</p>
</body>
</html>

Sorry for writing the whole code out, im using my phone and i cant copy and paste

5

The Ask For Help button should show up after a few attempts on all browsers.

If it is impossible for you to access that button in any way, then you should create an issue on GitHub for that bug.

Which step are you working on? Can you provide a link to the step?

6

Im on step 4

7

This is invalid syntax. A closing > is mandatory for all tags.

8

Nope, that wasnt it. Fixed it though

9

I now get a message saying that this url is wrong

10

thats what the address is for the challenge… what am i supposed to do?

11

It works when I use the exact url provided:

the href attribute set to https://fonts.googleapis.com/css?family=Open+Sans:400,700,800.

1 Like
12

ive looked over the link dozens of times by now and everything is correct but its still giving me an error message with the same hint

13

I copy-pasted the correct url and it worked. I suggest you exactly copy-paste the correct url instead of trying to type it out. At the very least, you added spaces into the url that don’t belong.

1 Like
14

I got it finally after following your suggestion. thank you very kindly

1 Like
15

I m on step 39,
not sure , what’s wrong in this code, it does not let me pass through… Please help … That would be very kind . Thank you.
Here’s my code which i have entered in practice session:

% Daily Value *

16

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

17

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