Learn Basic CSS by Building a Cafe Menu - Step 33

HTML-CSS
1

Why is this not working. I am doing as is what the instruction says. I also searched regarding step 33 and my code is the same as the others. Is there something wrong with my code or there is an issue with the website or sumn.

My 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>
            <p class="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;

/* User Editable Region */

**.flavor {**
**  text-align: left;**
**}**

/* User Editable Region */

Your browser information:

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

Link to the challenge:

2

Your code has * characters. You need to remove them.

1 Like
3

the code don’t have that thing i just bold it out in this forum

4

it keeps on telling me that you should have flavor class selector. The thing is i already have there

5

Then reset the question and run the same code.

6

i already did and still not working. I just proceeded to the next step and in the price class selector it worked but the flavor selector still wont work

7

i just skipped step 33 lmao

8

Have you disabled browser extensions?

9

i tried, same thing happened. ::<<<<

1 Like
10

will i go back to step 1 if i pressed the reset button?

11

No. But its better to show your code than say “i did this” we cant see what you did exactly. You can use the format button that looks like </> and paste your new code between the lines it gives you

1 Like
12

No,it’ll just reset the current step.

1 Like
13

i forgot to reply in this thread but i already solved this problem. Thank you! The code was right i just needed to reset the current step!

14

Now, how i can delete this thread T_T

15

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