Learn Typography by Building a Nutrition Label - Step 4

HTML-CSS
1

Tell us what’s happening:

says my links should be inside the head… what am I miss???

Nutrition Label

Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

Your code so far

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

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
</html>
<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700, 800"rel="stylesheet">
  <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>


<!-- User Editable Region -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Safari/605.1.15

Challenge Information:

Learn Typography by Building a Nutrition Label - Step 4

2

Hi there,

There is no space between 700, and 800 in the link.

Also, this is not an error but there should be a space to separate attributes for better readability.

should be

Mod Edit SOLUTION REMOVED

3

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

4

Hi @JeremyLT

The code I posted show OP an example about the good practice she should follow. It’s not to correct an error, as that line of code of OP is already corrected.

1 Like
5

I know that it looks like there is a space, but there isn’t one that’s just where it went to another line in html, so what else ya got

6

Have you removed this space?

7

there is no space in html… it copied and pasted that way because 800 started a new line

8

Please put your mouse to the immediate left of 800 and backspace once. If after doing that, the comma is still there, then there was a space there.

Edit: I copied your code to the step and removed the space and it worked so pls do try.

9

Screenshot 2024-07-28 at 6.54.19 AM
Screenshot 2024-07-28 at 6.54.19 AM2880×1800 453 KB

10

Please try as when I copied your code and removed the space it worked.

11

You can also make the editor wider if it helps you see the mistake. Just move your mouse to the edge of the pane and drag it wider.

12

Screenshot 2024-07-28 at 6.57.51 AM
Screenshot 2024-07-28 at 6.57.51 AM2880×1800 453 KB

13

Screenshot 2024-07-28 at 6.57.57 AM
Screenshot 2024-07-28 at 6.57.57 AM2880×1800 453 KB

14

Do you see what I am saying yet?
Please put your mouse to the immediate left of 800 and press backspace till you reach the comma. This will fix the issue as you have a hidden newline there.

15

I have even started it over 3 times same error can’t find a mistake…makes no sense

16

dude there is no space, I’ve backed spaced and it just removes the comma

17

Screenshot 2024-07-28 at 7.03.32 AM
Screenshot 2024-07-28 at 7.03.32 AM2880×1800 445 KB

19

Okay I see another mistake now. The closing tag for the html element is in the wrong place. Please reset and then add the two lines again.

1 Like
20

Screenshot 2024-07-28 at 7.06.23 AM
Screenshot 2024-07-28 at 7.06.23 AM2880×1800 443 KB

still nothing

21

Please reset to fix the html tag.