Learn Typography by Building a Nutrition Label - Step 5

HTML-CSS
1

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

keep getting the error message " our body selector should have a font-family property set to "Open Sans", sans-serif. but it look right to me
Your code so far

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<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 href="./styles.css" rel="stylesheet">
</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 */
body{
font-family:"Open-Sans",sans-serif;
}

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Safari/537.36

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

Link to the challenge:

2

vs

Your content does not 100% match - you have an extra dash

3

I had the same issue, it’s single quotation marks not double.

for example;

body {
font-family: ‘Open Sans’, sans-serif;
}

4

Do you know how long I’ve been sitting here staring at that wondering what I’m doing wrong? Thank you!

5

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