Learn Basic CSS by Building a Cafe Menu - Step 32

I don’t really get what I’m doing wrong here. Any feedback would be greatly appreciated!

  **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>Carmel Macchiato</p>
          <p>Pumpkin Spice</p>
          <p> Hazelnut</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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.2 Safari/605.1.15

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

Link to the challenge:

hi there,
found a typo. ( should be a ```
Caramel Macchiato 3.75

1 Like

I am not sure if you still need help? It seems like you understand this exercise (based on your code). If it is not passing though, try removing the extra space in the Hazelnut paragraph.

you have a typo there,
You missed an ‘a’ in Caramel

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