Learn Typography by Building a Nutrition Label - Step 14

Tell us what’s happening:

pls i need to knwo how canm i rest a lesson form the lesson 1 to the end

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>
  <div class="label">
    <h1>Nutrition Facts</h1>
    <p>8 servings per container</p>
    <p>Serving size 2/3 cup (55g)</p>
  </div>
</body>
</html>
/* file: styles.css */
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

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

.label {
  border: 2px solid black;
  width: 270px;
  margin: 20px auto;
  padding: 0 7px;
}


/* User Editable Region */

h1 {
  font-weight: 800;
  text-align: center;
  margin-top: -4px 0;
  margin-bottom: -4px 0;
  margin-left: 0;
  margin-right: 0;
  }

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn Typography by Building a Nutrition Label - Step 14

Hi @chukdpromax

All the steps in the practice projects have seed code, which does not change.

If you want to restart a practice project, just start from step 1.
The web site only marks a step once it is completed, however the seed code will still remain the same.

Your h1 selector should have a margin property set to -4px 0.

The property values for margin-top and margin-bottom are not set correctly. When assigning values for individual properties, they can only accept one value.

So there are two ways to pass this step.

Insert code for margin property with the value mentioned in the instructions and hint message.

Or, remove the 0 from margin-top and margin-bottom.

Both code will have the same styling effect.

Happy coding