Learn Basic CSS by Building a Cafe Menu - Step 37

Tell us what’s happening:
Describe your issue in detail here.
Every YouTube tutorial I have found has had a different version of this exercise. I’m completely stuck on step 37 and I cannot practice any more coding until it is answered. I’ve seen my question asked on this forum already with the wrong answers. If there is a YouTube video with the current version as of October 13, 2022, please post it. Thank you in advance and please help me!
Your code so far
Step 37
Link the applicable form elements and their label elements together.
Use profile-picture, age, referrer, and bio as values for the respective id attributes.

Upload a profile picture: Input your age (years): How did you hear about us? Provide a bio:
<!-- 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">
      <header>
        <h1>CAMPER CAFE</h1>
        <p class="established">Est. 2020</p>
      </header>
      <main>
        <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">Caramel Macchiato</p><p class="price">3.75</p>
          </article>
          <article class="item">
            <p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
          </article>
          <article class="item">
            <p class="flavor">Hazelnut</p><p class="price">4.00</p>
          </article>
          <article class="item">
            <p class="flavor">Mocha</p><p class="price">4.50</p>
          </article>
        </section>
        <section>
          <h2>Desserts</h2>
          <article class="item">
            <p class="dessert">Donut</p><p class="price">1.50</p>
          </article>
          <article class="item">
            <p class="dessert">Cherry Pie</p><p class="price">2.75</p>
          </article>
          <article class="item">
            <p class="dessert">Cheesecake</p><p class="price">3.00</p>
          </article>
          <article class="item">
            <p class="dessert">Cinnamon Roll</p><p class="price">2.50</p>
          </article>
        </section>
      </main>
      <footer>
        <p> a href:"https://www.freecodecamp.org"Visit our website</p>
        
      </footer>
    </div>
  </body>
</html>
/* file: styles.css */
body {
  background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
  font-family: sans-serif;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 30px;
}

.established {
  font-style: italic;
}

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

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  max-width: 500px;
}

h1, h2 {
  font-family: Impact, serif;
}

.item p {
  display: inline-block;
}

.flavor, .dessert {
  text-align: left;
  width: 75%;
}

.price {
  text-align: right;
  width: 25%
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

i have closed and unlisted the duplicate topic you created. Please work with this topic if you need to add more information or questions.

can you help me instead of deleting all my posts? like how tf am i supposed to learn this if you keep deleting all my questions? i need help dude

You are supposed to use the post you already have, not create duplicates. Please respect the rules of the forum.

i dont have another post because you keep deleting them. For a site that claims to help people learn to code, you shouldnt be deleting questions people have when they get stuck on something

You are creating duplicates of this topic which is already open. You can use one topic to ask your question. Duplicates should not be needed or created. (and that is why they have been closed/unlisted).

Thank you for your understanding.

The link you have posted goes to step 65 of the cafe menu project.
If this is not the step or project you are currently on, then please provide the correct link to the challenge step you are stuck on.

Edit. I also notice the code you posted is also from the cafe menu project.

It might be easier for you to click on the Ask For Help button from the within the step you are in rather than from a whole other project/step. (it will then link the correct step and allow you to post a question etc)

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