Learn Basic CSS by Building a Cafe Menu - Step 44

HTML-CSS
1

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

Your code so far

/* file: index.Ext.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">
            <p class="flavor">French Vanilla</p><p class="price">3.00</p>
          </article>
 <article class="item">
  <p class="flavor">French Vanilla</p>
  <p class="price">3.00</p>
</article>
<article class="item">
  <p class="price">3.75</p>
  <p class="flavor">Caramel Macchiato</p>
</article>
<article class="item">
  <p class="price">3.50</p>
  <p class="flavor">Pumpkin Spice</p>
</article>
<article class="item">
  <p class="price">4.00</p>
  <p class="flavor">Hazelnut</p>
</article>
<article class="item">
  <p class="price">4.50</p>
  <p class="flavor">Mocha</p>
</article>
        </section>
      </main>
    </div>
  </body>
</html>

/* file: styles.Ext.css */
<!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">
            <p class="flavor">French Vanilla</p><p class="price">3.00</p>
          </article>
 <article class="item">
  <p class="flavor">French Vanilla</p>
  <p class="price">3.00</p>
</article>
<article class="item">
  <p class="price">3.75</p>
  <p class="flavor">Caramel Macchiato</p>
</article>
<article class="item">
  <p class="price">3.50</p>
  <p class="flavor">Pumpkin Spice</p>
</article>
<article class="item">
  <p class="price">4.00</p>
  <p class="flavor">Hazelnut</p>
</article>
<article class="item">
  <p class="price">4.50</p>
  <p class="flavor">Mocha</p>
</article>
        </section>
      </main>
    </div>
  </body>
</html>

Your mobile information:

SM-N960U - Android 10 - Android SDK 29

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

Link to the challenge:

2

This is a duplicate post. Your original post has been responded to, with the request, along with guidance, to tell us what is happening so we can assist you.
You have reversed you flavor and prices.

Happy coding!

3

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