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>
<label><header><div class="label">
<h1 class="bold">Nutrition Facts</h1>
<div class="divider"></div>
<p>8 servings per container</p>
<p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
</div></header></label>
</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;
}
h1 {
text-align: center;
margin: -4px 0;
letter-spacing: 0.15px
}
p {
margin: 0;
}
.divider {
border-bottom: 1px solid #888989;
margin: 2px 0;
}
.bold {
font-weight: 800;
}
.right {
float: right;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Step 24
Link to the challenge:
Hi. Your <header>
should begin just after your <body>
and before your <label>
. And end after your </label>
1 Like
Hi @Shrish_Tiwari ,
Please restart the challenge.
First you take everything that’s within the div
with the class of label
, which means :
<div class="label">
<!-- Starting from here -->
<h1 class="bold">Nutrition Facts</h1>
<div class="divider"></div>
<p>8 servings per container</p>
<p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
<!-- To here -->
</div>
And then you place all of these elements within a new header
element.
This new header
element should still be within the div
with the label
class.
1 Like
still i have the same error i.e. your header element should be within your label element
can you please provide the code
We are not able to provide you with the solution as that would be against the rules.
We can give you some hints though.
Try restarting the step, and identify what are the elements that are INSIDE the .label
element. After that, wrap those element in the header
element.
.label
element means an element with the class of "label"
.
Hope that helps
1 Like
thanks error solved now i got my error
1 Like
super helpful, I’m grateful
system
Closed
June 5, 2023, 7:30am
8
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.