Learn Typography by Building a Nutrition Label - Step 4

HTML-CSS
1

Tell us what’s happening:
this looks right to me. what am i doing wrong? keep getting a “you need two self-closing link elements” error notice. i’ve looked all over but nobody seems to have this issue. can someone enlighten me? thanks.

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'>
  <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 (X11; Linux x86_64; rv:102.0) Gecko/20100101 Firefox/102.0

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

Link to the challenge:

2

Welcome to freeCodeCamp Forum.
It appears you forgot to put ./ before the styles.css.

3

Welcome to our community!

Your code is OK.

Try the following:

  1. Restart step
  2. Refresh page (F5)
  3. Follow the note: “Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”
  4. Change the browser.
4

thanks for tips!
I downloaded another browser and was able to get by with the code i had. now i’m back on FF and things are humming again.

1 Like
5

Good going. Happy coding!

6

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