Coffee Cafe Step 32 Please Help! EDIT: NVM FIGURED IT OUT

Tell us what’s happening
I’ve been stuck here for about an an hour now. The error code is telling me that the second article item should have Caramel Machiatto and I’ve done exactly that. Please help, maybe there’s a typo I haven’t seen or something.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
  <div class="menu">
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
        <article>
          <p>French Vanilla</p>
          <p>3.00</p>
        </article>
        <article>
          <p>Caramel Machiatto</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>
![Screenshot_20220624-123810_Chrome|233x500](upload://irD7dOhGpj43QJXODtLI7ueUKfa.png)

/* file: styles.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;
}
  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 12; SM-M315F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.87 Mobile Safari/537.36

Challenge: Step 32

Link to the challenge:

There is a typo error in your computation. Check out “Caramel Macchiato” spelling well

Thanks, I just noticed that.