Learn Typography by Building a Nutrition Label - Step 4

HTML-CSS
1

Tell us what’s happening:
they say that add a link for the stylesheet and add the fonts in the head element and so far i have done this i need a help for this

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?"></link>
</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/111.0.0.0 Safari/537.36

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

Link to the challenge:

2

You have to add two ‘link’ elements here.

  • the ‘link’ element is self-closing, which means it doesn’t have the closing tag
  • the url address in the first link is https://fonts.googleapis.com/css?family=Open+Sans:400,700,800
  • the second link should have the ‘rel’ attribute set to the value of “stylesheet”, and the ‘href’ attribute set to the value of “styles.css”, in order to link your css file