Learn Basic CSS by Building a Cafe Menu - Step 31

Tell us what’s happening:
The request is to add the following coffee and prices using article elements with two nested p elements inside each, he first p element’s text should contain the coffee flavor and the second p element’s text should contain the price.Preformatted text

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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"/>
    <div class="menu">
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>

<!-- User Editable Region -->
            <p>French Vanilla</p> <p>3.00</p>
            <p>Caramel Macchiato</p> <p>3.75</p>
            <p>Pumpkin Spice</p> <p>3.50</p>
            <p>Hazelnut</p> <p>4.00</p>
            <p>Mocha</p> <p>4.50</p>

<!-- User Editable Region -->

/* file: styles.css */
body {
  background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);

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

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/112.0

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

Link to the challenge:

I’m putting in the coffee and prices by nesting two p elements inside the article element.
The first p element will say what kind of coffee it is and the second p element will say how much it costs.

which i have done, however the code doesn’t pass. the Hint says

You should have five article elements and i have them in the code above

One article element should look like this:

            <p>French Vanilla</p>

You should have five in sum. Surround each pair of flavor and the corresponding price given in the challenge with ‘article’ tags.

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