Learn Typography by Building a Nutrition Label - Step 6

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

  **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 */
p {
font-size: 16px;
}

body {
font-family: 'Open Sans', sans-serif;
}
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.79 Safari/537.36

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

Link to the challenge:

This thread is a duplicate of this one:

Please, try not to create multiole topics about the same issue

okay. i have written the code correctly but it’s not working