Build a cafe menu - step 45

<!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">
      <header>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
      </header>
      <main>
        <section>
          <h2>Coffee</h2>
          <article class="item">
            <p  class="flavour">French Vanilla</p><p  class="price">3.00</p>
          </article>
          <article class="item">
            <p  class="flavour">Caramel Macchiato</p><p  class="price">3.75</p>
          </article>
          <article class="item">
            <p  class="flavour">Pumpkin Spice</p><p  class="price">3.50</p>
          </article>
          <article class="item">
            <p  class="flavour">Hazelnut</p><p  class="price">4.00</p>
          </article>
          <article class="item">
            <p  class="flavour">Mocha</p><p  class="price">4.50</p>
          </article>
        </section>
      </main>
    </div>
  </body>
</html>


ive corrected his error it still hasn't worked!! Please can you help me out. I supposed to have 5 . flavour classes

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

wow there’s been some evil elves playing with your code!
What happened to all the classes?
(look at your old code and now look at your new code… something very weird went on)

we are asked to convert the classes to .className format

this is the correct way to write an attribute in HTML (a class attribute in this case)

btw. you confused us because you posted your question inside of someone else’s topic. I have moved the code you posted into its own thread for you.
In future, please open your own topic for your own questions.

oh ok thanks. My bad. still trying to get used to this platform

help me please with my codes please

please read my comment above:

I have edited my code as you implied but its still not working sir

Lease show the new code here

<!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">
      <header>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
      </header>
      <main>
        <section>
          <h2>Coffee</h2>
          <article class="item">
            <p class="flavour">French Vanilla</p><p class="price">3.00</p>
          </article>
          <article class="item">
            <p class="flavour">Caramel Macchiato</p><p class="price">3.75</p>
          </article>
          <article class="item">
            <p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
          </article>
          <article class="item">
            <p class="flavor">Hazelnut</p><p class="price">4.00</p>
          </article>
          <article class="item">
            <p class="flavor">Mocha</p><p class="price">4.50</p>
          </article>
        </section>
      </main>
    </div>
  </body>
</html>

Typo

Typo

wowww…thats amazing thanks alot it worked