videqa
1
Help
<div class="divider"></div>
<p class="indent no-divider"><span class="bold">Protein</span> 3g</p>
<div class="divider large"></div>
</div>
I’ve already consulted forum and help, I can’t get past this step, could you help me, please?
According to the hint you should wrap “Protein 3g” into the ‘span’ element. You only have the “Protein” between the ‘span’ tags.
Add always the link to the challenge to get help from others on the forum.
videqa
3
Could you show me in the code please
<p class="no-divider"><span class="bold">Protein 3g</span></p>
ILM
4
you are missing a span
(no class) that wraps all of this
videqa
5
I’m not getting it
<p class="no-divider"><span class="bold">Protein 3g</span></p>
ILM
6
the code I quoted was correct, you need an additional span element in that code
videqa
7
<p class="no-divider"><span class="bold">Protein 3g</span></p>
Is that the code?
videqa
8
I’m not getting past this step, please help me?
ILM
9
if you return to this configuration, you just need to add a new span
around all of this, inside the p
videqa
10
Sorry, it’s not reflecting here
<p class="no-divider"><span class="bold">Protein</span> 3g </p>
ILM
11
you have not added the extra span with no class, you sill have only the span to bold Protein, not the additional one
ILM
12
aklso you need to create the div
videqa
13
I’m not getting it, sorry I don’t want to sound ignorant, but I don’t understand where I’m going wrong
ILM
14
what code do you have now?
ILM
16
you still only have one span, why are you not adding the second one?
for the failing test you need to share more code
videqa
17
<p class="no-divider"><span class="bold">Protein</span> 3g</p>
videqa
21
<!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">
<header>
<h1 class="bold">Nutrition Facts</h1>
<div class="divider"></div>
<p>8 servings per container</p>
<p class="bold">Serving size <span>2/3 cup (55g)</span></p>
</header>
<div class="divider large"></div>
<div class="calories-info">
<div class="left-container">
<h2 class="bold small-text">Amount per serving</h2>
<p>Calories</p>
</div>
<span>230</span>
</div>
<div class="divider medium"></div>
<div class="daily-value small-text">
<p class="bold right no-divider">% Daily Value *</p>
<div class="divider"></div>
<p><span><span class="bold">Total Fat</span> 8g</span> <span class="bold">10%</span></p>
<p class="indent no-divider">Saturated Fat 1g <span class="bold">5%</span></p>
<div class="divider"></div>
<p class="indent no-divider"><span><i>Trans</i> Fat 0g</span></p>
<div class="divider"></div>
<p><span><span class="bold">Cholesterol</span> 0mg</span> <span class="bold">0%</span></p>
<p><span><span class="bold">Sodium</span> 160mg</span> <span class="bold">7%</span></p>
<p><span><span class="bold">Total Carbohydrate</span> 37g</span> <span class="bold">13%</span></p>
<p class="indent no-divider">Dietary Fiber 4g</p>
<div class="divider"></div>
<p class="indent no-divider">Total Sugars 12g</p>
<div class="divider double-indent"></div>
<p class="double-indent no-divider">Includes 10g Added Sugars <span class="bold">20%</span></p>
<div class="divider"></div>
<p class="no-divider"><span class="bold">Protein</span> 3g</p>
<div class="divider large"></div>
</div>
</div>
</body>
</html>