Learn Basic CSS by Building a Cafe Menu - Step 32

the code is not going through. I believe there is now error. Can anybody help me see the error?
Describe your issue in detail here.

I have nested the coffee flavours and its prices inside p tags inside the article tag. You can see the code below. The error says there should be 5 elements there inside article which is already there. Hence, please could anybody locate the error and help me fix?

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <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"/>
  <div class="menu">
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
          <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>
/* 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

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

Link to the challenge:

Write article element for each coffe flavor and price
like FreeCodeCamp did for french vanilla and its price

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.