Learn Basic CSS by Building a Cafe Menu - Step 26

Tell us what’s happening:
Describe your issue in detail here.
So, total noob here when it comes to any sort of coding. Just happened to randomly find this website, thought it’d be cool to broaden my computer skills. Absolutely digging it, and if the rest of the lessons are as cool as this html course is, I’m in it for the long haul. But, I’m stumped…I am trying to add the additional coffee flavors and their prices. This is what I have so far typed out:

<article>
            <p>French Vanilla</p>
            <p>3.00</p>
          </article>
          <article>
            <p>Caramel Macchiato</p>
            <p>7.75</p>
          </artilce>
          <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>

However, it doesn’t pass, and the hint I get is " Each article element should have two p elements." As I understand it, I have separated each flavor into their own articles, and each article contain 2 ‘p’ elements, haven’t I satisfied that requirement? Not looking for a straight up answer, but a hint in the right direction wouldn’t hurt? Right? Am I thinking too far into it? Help!
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>
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.css */
body {
  /*
  background-color: burlywood;
  */
}

h1, h2, p {
  text-align: center;
}

.menue {
  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/107.0.0.0 Safari/537.36 Edg/107.0.1418.35

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

Link to the challenge:

Welcome to our community!
Take a look at the name of the class in question. It should be ‘menu’.

try fixing the spelling here

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 (').

Thank you all, finally passed! Not sure if I needed just a clean reset, or what, but started from scratch, and retyped it all over again! Passed on the first go!

1 Like

Chalking it up to a typo somewhere, or maybe it was because I was realigning every single article with a backspace. I didn’t backspace a new article, making it that natural flow to the right…if that makes any sense?

no, it was because of the typo (see my previous post)

I see that now, thank you! :smile:

1 Like

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