Learn Basic CSS by Building a Cafe Menu - Step 31

i dont understand how i dont have 2 p elements for “article” what am i missing?

<!-- 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>
  <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>
/* 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

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

Link to the challenge:

check out this one there a mistake for closing tag of one p element

yeah its time to go to sleep too many symbols and letters. Thank you

I suggest start using The W3C Markup Validation Service and VSCode to catch syntax issues quickly

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