Article items step 42

HTML-CSS
1

`hi. took out the extra visual studio code does that. so only got five article items. but not liking it.
marvin.
hi. doing the design a cafe menu. using a screen reader. it says i should only have five article items. and i do. so why is it not passing. can any one help. what am i doing wrong.
so pasting my code and the link to the step and also the error getting.
help!

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="Styles.css">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
</head>    
<body>
    <div class="menu">
<main>
<h1>CAMPER CAFE</h1>    
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item"></class>
    <p class="flavor">French Vanilla</p><p class="price">3.00</p>
           </article>
<article>
    <p class="flavor">Caramel Macchiato</p><p class="price">3.75</p>
</article>
<article>
<p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
    </article>article>
    <article>
    <p class="flavor">Hazelnut</p><p class="price">4.00</p>
</article>
<article>
    <p class="flavor">Mocha</p><p class="price">4.50</p>
</article>
    </main>
</div>
</body>
</html>

You should only have five .item elements.

2

hi. can any one help. dont want to have to wait for another 3 hours for a 5 minute solution. got all my article elements. not sure why it is not passing. can any one help and tell me what stupid thing i am doing.
marvin.

3

Hi. I cannot see your code. You should add item class to all <article> tags. The error message is a bit misleading.

4

type or paste code here
hi. heres my code.
sorry.
marvin.

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="Styles.css">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
</head>    
<body>
    <div class="menu">
<main>
<h1>CAMPER CAFE</h1>    
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item"></class>
    <p class="flavor">French Vanilla</p><p class="price">3.00</p>
           </article>
<article>
    <p class="flavor">Caramel Macchiato</p><p class="price">3.75</p>
</article>  
<article>
<p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
    </article>
    <article>
    <p class="flavor">Hazelnut</p><p class="price">4.00</p>
</article>
<article>
    <p class="flavor">Mocha</p><p class="price">4.50</p>
</article>
    </main>
</div>
</body>
</html>

and then says i need five items. which i have, so not passing. so how to fix. what stupid thing am i doing. sorry about the previous post. think my screen reader jaws and google crhome was having an issue.
can you take a look. and how to fix. step 42.
marvin.

5

hi, heres the error message.
how to fix.
marvin.

You should only have five .item elements.

6

Hi @BlindVisionMan

After the h2 Coffee element and the first article element, you have a class closing tag. Please remove the class closing tag.

The first article opening tag has the correct class attribute.
The next four article elements are missing the .item class.

Happy coding

7

hi. made the changes. still getting this error. so please help me out. not passing. says i need five item elements. what am i doing wrong.
will paste the step and the error.
or just give me the correct code, so i can then get it working. not sure. first time doing this sort of stuff. totally blind and tried about 10 times. totally frustrated.
marvin.
ps: pasting the code, the error message and a link to the step.
help!

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="Styles.css">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
</head>    
<body>
    <div class="menu">
<main>
<h1>CAMPER CAFE</h1>    
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article class="item">
    <p class="item">French Vanilla</p><p class="item">3.00</p>
           </article>
<article>
    <p class="item">Caramel Macchiato</p><p class="item">3.75</p>
</article>  
<article>
<p class="item">Pumpkin Spice</p><p class="item">3.50</p>
    </article>
    <article>
    <p class="item">Hazelnut</p><p class="item">4.00</p>
</article>
<article>
    <p class="item">Mocha</p><p class="item">4.50</p>
</article>
    </main>
</div>
</body>
</html>

Sorry, your code does not pass. You’re getting there.

You should only have five .item elements.

8

hi. any one online. able to help. been waiting almost 30 minutes. trying to be patient. this is stupid.
marvin.

9

we understand you feel that help is urgent, but please stop bumping your posts so soon. Someone will come to help when they can, keeping asking does not make that help faster

10

I have edited your post so that only the code is inside the code block

it makes helping easier if your post is formatted correctly

the class of item has to go n the article elements, not on the p elements

Resetting may be easier now, and then add the class to the article elements

if you don’t reset, you need to remove the class from all the p elements