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.Ext.html */

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

<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link rel="stylesheet" href="./styles.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800">
</head>

<body>
  <h1>Nutrition Facts</h1>
  <p>8 servings per container</p>
  <p>Serving size 2/3 cup (55g)</p>
</body>
</html>


/* file: styles.Ext.css */

Your mobile information:

iPhone - iOS17.5.1

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

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to 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!

3

After entering the code, it keeps showing the hint: One of your link elements should have an href attribute set to ./styles.css. I wish to know where is the error from.

4

Tell us what’s happening:
Describe your issue in detail here.

After entering the code, it keeps showing the hint: One of your link elements should have an href attribute set to ./styles.css. I don’t know where the error is.

Your code so far

/* file: index.Ext.html */

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

<head>
  <meta charset="UTF-8">
  <title>Nutrition Label</title>
  <link rel="stylesheet" href="./styles.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800">
</head>

<body>
  <h1>Nutrition Facts</h1>
  <p>8 servings per container</p>
  <p>Serving size 2/3 cup (55g)</p>
</body>
</html>


/* file: styles.Ext.css */

Your mobile information:

iPhone - iOS17.5.1

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

Link to the challenge:

5

You appear to have created this post without editing the template. Please edit your post to 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!

6

change your styles for the link follow what the instructions say on how to link it hint error on styles.css you have it wrong

7

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

8

Please do not create duplicate topics for the same challenge/project question(s). This duplicate topic has been merged with its duplicate.

Thank you.

9

I’ve tried it on my phone it still shows the error, but I try it on my laptop it shows passed, I think maybe there’s something goes wrong with my device? Anyway it works now, thanks:)

10

Sorry I thought the content was not posted successfully so I tried several times…

1 Like
11

I’m not sure but sometimes there is something that blocks the tests from running so we always suggest trying different browsers etc.