Learn Basic CSS by Building a Cafe Menu - Step 32

Tell us what’s happening:
Describe your issue in detail here.
Trying to create 5 article element with a given list of five Cafe Menu.

  **Your code so far**
/* 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>caramel Macchiato</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:

Hello and welcome to the forum,

please check the spelling of your article closing tags.
Look at other closing tags to find the mistake.

Since you are new, we don’t give working solutions, forum members are asked to lead the posters so they can solve the problem by themselves.

did u complete this stage, if so I would love to know because I can’t move my price to the left of the flavor (French vanilla). How do u complete this step ?

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