Learn Typography by Building a Nutrition Label - Step 4

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
I cant seem to be getting this right and the hint itself is confusing.

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" href="style.css">
<link rel="stylesheet" href="./style.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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn Typography by Building a Nutrition Label - Step 4

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

You should be seeing this error message when you submit that code:

Untitled
Untitled699×162 11.4 KB

Your link element doesn’t have the correct href attribute:

4

You need link element in your head

<link>

Within the link you need rel attribute with the value stylesheet and href attribute with the value provided in instructions. And one more link element, within second ink element you need rel attribute with the value stylesheet and href attribute with the value styles.css…
@FaisalAjmi

5

I got it, thanks!! Appreciate it

1 Like
6

Your welcome :hugs: Happy Coding :grinning:

7

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