Learn Basic CSS by Building a Cafe Menu - Step 31

i don’t get why my code is wrong please help

<!-- file: index.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>French Vanilla</p>
             <p>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>  
             <p>Mocha</p>
             <p>4.50</p>
           </article>
        </section>
      </main>
    </div>
  </body>
</html>
/* 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 (X11; CrOS x86_64 15117.87.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

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

Link to the challenge:

this section is missing the article closing tag

Hi,
According to @hbar1st your article element is missing closing tag, which is correct, in addition to that please go through both of your meta elements, there are not well written.

Thanks

hi Seba, please do not use the @ symbol in front of someone’s userid unless you are trying to ask them to pay attention to your post or respond to it.

Hi,
Thanks for letting me know that.

1 Like