Design a Cafe Menu - Step 16

HTML-CSS
1

Tell us what’s happening:

guys help me I don’t understand please help tell me wat’s happening as soon as possible

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html>
  <head>
    <title>Cafe Menu</title>
  </head>
  <body>
    <div id="menu">
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>

      <hr>

      <h2>Coffee</h2>
      <p>French Vanilla</p>
      <p>Caramel Macchiato</p>
      <p>Pumpkin Spice</p>
      <p>Hazelnut</p>
      <p>Mocha</p>

      <h2>Dessert</h2>
      <p>Donut</p>
      <p>Cherry Pie</p>
      <p>Cheesecake</p>
      <p>Cinnamon Roll</p>
    </div>
  </body>
</html>


<!-- User Editable Region -->


/* file: styles.css */
body {
  background-color: burlywood;
}

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

Your browser information:

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

Challenge Information:

Design a Cafe Menu - Step 16

2

guys please help I need to start coding

3

Tell us what’s happening:

guys help me I am still trying my best please as soon as possible

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html>
  <head>
    <title>Cafe Menu</title>
  </head>
  <body>
    <div id="menu">
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <hr>
      <h2>Coffee</h2>
      <p>French Vanilla</p>
      <p>Caramel Macchiato</p>
      <p>Pumpkin Spice</p>
      <p>Hazelnut</p>
      <p>Mocha</p>
      <h2>Dessert</h2>
      <p>Donut</p>
      <p>Cherry Pie</p>
      <p>Cheesecake</p>
      <p>Cinnamon Roll</p>
    </div>
  </body>
  <style>
  body {
    background-color: burlywood;
    font-family: sans-serif;
  }

  #menu {
    background-color: sienna;
    color: white;
    padding: 20px;
    max-width: 500px;
    margin: auto;
    border-radius: 10px;
  }

  h1, h2 {
    text-align: center;
  }

  hr {
    border: 1px solid white;
  }

  p {
    text-align: center;
    margin: 5px 0;
  }
</style>

</html>




<!-- User Editable Region -->


/* file: styles.css */

Your browser information:

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

Challenge Information:

Design a Cafe Menu - Step 16

4

Hi @adamelmao

For step 16 there not paragraph elements.

Please reset the step and try again.

Make sure you are on step 16, or let us know which step you are on.

Happy coding

5

Hi @adamelmao

I went ahead and combined your posts for you. In the future, just reply to the original thread to add further updates.

Thanks.