Learn Typography by Building a Nutrition Label - Step 4


this is my first question on the forum. Thank you for sharing all this information.

My problem is that I don’t see the problem. It seems that the probably have some semantic or typo bug. Checking the elements it (for the checker) looks like I haven’t created two elements. Maybe someone can help me see the bug.

Thanks :slight_smile:

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

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

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

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

<!-- 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/ Safari/537.36

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

Link to the challenge:

Welcome to our community!

Your code is OK.

Try the following:

  1. Restart step
  2. Refresh page (F5)
  3. “Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”
  4. Change the browser.

@DobarBREND thank U so much. That was the problem. Great!!! :wave:

1 Like

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