CAFEMenu step 30

HTML-CSS
1

I’m not sure how to nest 2 p elements inside an article

<!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> Frech Vanilla, 3.00</p>
          </article>
 </section>
      </main>
    </div>
  </body>
</html>
2

You nested the first p element correctly by adding it inside the article. You would do the same with the second p element, just add it directly after the first one. Then you want to put the text 3.00 inside the second element instead of the first one.

Also, the text French Vanilla should not have a comma after it.

3

Thank you for your help. I’m just wondering if there is a way to to make the code appear side by side . for example:
French Vanilla 3.00

4

You will get to that in later steps.

1 Like