Learn Basic CSS by Building a Cafe Menu - Step 31

HTML-CSS
1

Tell us what’s happening:
For some reason the site gives and error am i doing something wrong ? It states " Sorry, your code does not pass. Hang in there."

Hint Each article element should have two p elements.

My Code :

<article>
     <p>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

each text is a p element for an article</p>
 </article>

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

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

Link to the challenge:

2

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

Is this text in your code? There should only be the item and price. There shouldnt be the “each text is a p element…” there

4

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