Learn Basic CSS by Building a Cafe Menu - Step 36

This coding is sending me crazy. Where have I gone wrong.

Your code so far

/* file: index.Ext.html */
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
  </head>
  <body>
    <div class="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
          <article><p>.class="item" </p>
            <p class="flavor">French Vanilla</p>
            <p class="price">3.00</p>
          </article>
          <article>
            <p>Caramel Macchiato</p>
            <p>3.75</p>
          </article>
          <article>
            <p>Pumpkin Spice</p>
            <p>3.50</p>
          </article>
          <article>
            <p>Hazelnut</p>
            <p>4.00</p>
          </article>
          <article>
            <p>Mocha</p>
            <p>4.50</p>
          </article>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.Ext.css */
body {
  background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
}

h1, h2, p {
  text-align: center;
}

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;
}

.flavor {
  text-align: left;
}

.price {
  text-align: right;
}

Your mobile information:

SM-F916B - Android 13 - Android SDK 33

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 36

Link to the challenge:

You are coding crazy.
The instructions for the step is:
start by adding a class attribute with the value item to the first article element under the Coffee heading.
Remember, attribute and value goes within opening tag of an element.

Thank you, but it’s still coding me off

Show your modified code

 <h2>Coffee</h2>
         <article><p class="item"</p>
            <p class="flavor">French Vanilla</p>
            <p class="price">3.00</p>
          </article>

I didn’t see your code. Add back ticks in a separate line below and above your code. Also post your whole code.

Ok i will try to do that

Don’t give up, find back ticks on keyboard or use option → (</>) in post editor of the forum for insert back ticks automatically.

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').