Learn Basic CSS by Building a Cafe Menu - Step 40

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

Hi,
Can someone help me out with this hint says my p element should not have any space between them as I delete the space the code is still wrong.

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

.item p {
  display: inline-block;
}

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

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

Your browser information:

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

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

Link to the challenge:

Here you broke the syntax of your p element.

You must not break the syntax inside of your p elements.

This is the whitespace in between the two p elements that the instructions are talking about.

1 Like

Wow I’m so dumb I did not pay attention to that thanks so much.

Typos and misunderstandings happen - that’s all part of being a programmer

1 Like

I was able to solve the problem, but i don’t understand what it did, Is there an explanation?

First go to step 41.
What you did for step 40 is to prepare for 41.

Then after 41, simply watch the preview area and add a lot more spaces and lines between the flavor and price elements.
Try to associate what you are seeing with what you are changing in the editor.