Learn Basic CSS by Building a Cafe Menu - Step 44

Tell us what’s happening:
Describe your issue in detail here.
I don’t know where or how to place the .flavour
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>
          <article class="item">
            <p class="flavor">French Vanilla</p><p class="price">3.00</p>
          </article>

<!-- User Editable Region -->

        .flavor  <article class="item">
           <p>Caramel Macchiato</p><p>3.75</p>
          </article>
          .flavor<article class="item">
           <p>Pumpkin Spice</p><p>3.50</p>
          </article>
         .flavor <article class="item">
           <p>Hazelnut</p><p>4.00</p>
         .flavour </article>
          .flavor<article class="item">
         <p>Mocha</p><p>4.50</p>
          </article>

<!-- User Editable Region -->

        </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;
}

.item p {
  display: inline-block;
}

.flavor {
  text-align: left;
  width: 50%;
}

.price {
  text-align: right;
  width: 50%;
}

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.2 Safari/605.1.15

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

Link to the challenge:

Hi @janayebrown7,

Before Step 44, you have an example of how this can be done. The step is asking you to add classes to the paragraphs that don’t have it. All paragraphs where it contains the name of the flavor and all the paragraphs that have the price.

See if you can figure out this step by looking the example before the step and apply it in the editable region.

I remeber having to do something with .flavour{ but I can’t see my pre written examples

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