Learn Basic CSS by Building a Cafe Menu - Step 31

HTML-CSS
1

Tell us what’s happening:

This test is broken, I have come to this conclusion because this was one of the few tests that has taken me far too many hours of searching for answers and applying those answers.

After searching for answers for numerous hours, I searched the forums for the right answer which has been my answer in which I applied to this test and it still, does not work.

It’s not the User, it’s the test itself that is wrong from what I’m experiencing. That, or I need to get my eyes checked. lol

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>

<!-- User Editable Region -->

          <article>
            <p>French Vanilla</p>
            <p>3.00</p>            
      <article>
  <p>Caramel Macchiato</p>
  <p>3.75</p>
</article>
        <article>
  <p>PumpkinSpice</p>
  <p>3.50</p>
</article>
<article>
  <p>Hazelnut</p>
  <p>4.00</p>
</article>
<article>
  <p>Mocha</p>
  <p>4.50</p>
</article>

<!-- User Editable Region -->

        </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/123.0.0.0 Safari/537.36 OPR/109.0.0.0

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 31

2

you never write the closing tag for this article here

3

after that, you need to add a space here between Pumpkin and Spice

4

Hello and welcome to freeCodeCamp.

Your article closing tag for your first article element is missing.

And add a space in-between Pumpkin and Spice

2 Likes
5

LOL. I cannot believe the answer was so simple.
Thanks! MY doubts about further tests will be erased.
I thought I was going crazy honestly.

1 Like
6

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