Tell us what’s happening:
Describe your issue in detail here.
the question is:
Step 31
Starting below the existing coffee/price pair, add the following coffee and prices using article
elements with two nested p
elements inside each. As before, the first p
element’s text should contain the coffee flavor and the second p
element’s text should contain the price.
Caramel Macchiato 3.75
Pumpkin Spice 3.50
Hazelnut 4.00
Mocha 4.50
I have added the code below which gives me the desired results in the preview on the right. i.e the list of coffees with their prices below them. However, when I submit my code it tells me that the code is wrong and I should have five article elements. But isn’t this what I have, five coffees with five prices? I’m at a loss as what i need to change.
Your code so far
<article>
<p>French Vanilla</p>
<p>3.00</p>
<p>Caramel macchiato</p>
<p>3.75</p>
<p>Pumpkin Spice</p>
<p>3.50</p>
<p>Hazelnut</p>
<p>4.00</p>
<p>Mocha</p>
<p>4.50</p>
</article>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Challenge Information:
Learn Basic CSS by Building a Cafe Menu - Step 31