Learn Basic CSS by Building a Cafe Menu - Step 32

Tell us what’s happening:
what am I doing wrong?

Your code so far

<!-- 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>

<!-- User Editable Region -->

          <article>
 <p> French Vanilla </p><p class="flavour">
            <p>3.00</p>

<!-- User Editable Region -->

          </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>
          <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Safari/605.1.15

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

Link to the challenge:

you have three “p” remove the with the ’ class=“flavour” ’ and add the class to the French Vanilla so it should look like p class=“flavour” ’ French Vanilla 'p

To help your brackets appear on the answer as well click on the </> button on the menu on top and type your brackets inside the text ‘preformatted text’ which should appear on the screen.

Your class attribute should go inside your opening tag instead of after whithout adding an extra tag.
Ex:

<p class="flavour"> Chocolate </p>

yoo i don’t really see the </> menu do u have discord we can chat there it is much easier if so this is my username kiyoshi_q add me there

you also have official freecodecamp discord chat

Sorry I haven’t any but I hope this helps.
The </> button should appear on top of your answer like shown below:

After clicking it this text will appear:

press backspace to remove the words withen the quotation marks and place your brackets there:

Alternatively you could go start a line and then click on the </> button. Then place your code in place of the words ‘paste your text here’ surrounded by the triple quote marks which will be displayed. This includes any code you type inside and any brackets you have will be included:

ohh ok i see the </> thx for the help

ohh wow i did not really knew that thx appreciate it

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