How to add flavor class element to p

HTML-CSS
1

Please just give me the answer. Don’t give me a vague one so I can “figure” it out on my own to “help” me “learn” better.

I already looked at the other answer in the forum and the answers were too vague there.

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
  <div class="menu">
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
        <article>
          <p.flavor>French Vanilla</p>
          <p>3.00</p>
        </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 33

Link to the challenge:

1 Like
2

We do have a strict rule against writing answers for users.

This is not how you add a class to HTML.

Look at what you did here as an example.

3

Why. How does that help people…

4

I already figured it out, thanks…

5

We have the rule because you learn nothing from just copying the answer.

6

Hi!

To explain why you don’t get complete answers to code in the forum.

Imagine a child who’s parent does their schoolwork/homework for them, giving them all the answers. The issue is that the child isn’t actually learning this way. When faced with a school task alone, the child can’t do it. Because they don’t actually understand the subject as they’re used to being given the answers without understanding practically why they work.
They also may be unable to experiment to figure out a problem as having the answers given to them means they’ve never had to experiment before.

Imagine a child who gets hints and explanations from their parent. They make mistakes sure, but they learn from them. When faced with a school task alone they’re prepared to try multiple creative ways of solving a problem.
They have a deeper knowledge of the subject because they’ve not been handed the solutions and had to learn for themselves.

Coding is the same. If you have the answers in front of you, it doesn’t mean you understand why they work. Or why certain things won’t work.

It is more difficult learning things for yourself and making mistakes, but you will have a much greater and deeper understanding of code.

1 Like
7

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