Code working fine but the test sys not correct. Learn Basic CSS by Building a Cafe Menu - Step 35

Tell us what’s happening:
Describe your issue in detail here.

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>
            <p class="flavor">French Vanilla</p>
            <p class="price">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;
}

.flavor {
  text-align: left;
}


/* User Editable Region */

.price {
  text-align : right;
}

/* User Editable Region */


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

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

Link to the challenge:

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

References are used for person who is supposed to have some understanding. So for the people who are dumb in this context:

Coffee menu page design step 35 means that there is some kind of project/challenge/capstone on this platform(freecodecamp), which has a step 35(in css section) to align the text of a div (with class “price”) to the right side of the box.

This task can be achieved by setting the text-align property of that class selector to right and this milestone is achieved but the test says that the code is not correct. what might be the probable cause of this problem? If this is some server side issue how can one report or bypass this?

The directions say

Now align the text to the right for the elements with the price class.

What error are you getting? You need to fix the spacing in your css style. Reduce the space between things in this line

1 Like

Thanks extra spacing was causing issue

I’ve created a PR that replaces the regex test with one that reads the CSS more accurately.

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