Learn Basic CSS by Building a Cafe Menu - Step 32

*Tell us what’s happening:
yes, I’m perplexed about how it is supposed to look.

  **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>
        <articlsl>French Vanilla 3.00</p> </article>
          <artical> <p> Caramel Macchiato  3.75 </p> </artical>
         <artical> <p> Pumpkin Spice  3.50</p> </article>
         <articale>  <p> Hazelnut 4.00 </p> </artical>
         <artical> <p> Mocha  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/104.0.5112.102 Safari/537.36

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

Link to the challenge:


Learning to describe the bugs or issues you’re facing is a great skill to have in a developer, it may seem hard at first, but you should at least provide a brief summary of what you are trying to accomplish and what’s the error that shows up when you try to run your code.


You should add two paragraph in each article.for example

French Vanilla


It should be article not artical. and You should create two p tag inside one article. This will work.

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