Learn Basic CSS by Building a Cafe Menu STEPS 43 and 44- silly question

My question is, why did I need to basically repeat what I did in step 43 again in step 44? I need to know because it does not make sense to me why I added the code


a second time.
My code:

<!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>
          <article class="item">
            <p class="flavor">French Vanilla</p><p class="price">3.00</p>
          <article class="item">
            <p class="flavor">Caramel Macchiato</p><p class="price">3.75</p>
          <article class="item">
             <p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
          <article class="item">
             <p class="flavor">Hazelnut</p><p class="price">4.00</p>
          <article class="item">
              <p class="flavor">Mocha</p><p class="price">4.50</p>
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;

.item p {
  display: inline-block;

.flavor {
  text-align: left;
  width: 50%;

.price {
  text-align: right;
  width: 50%;

Hi @Dnice

Step 43 removed the spaces between the paragraph elements.
Step 44 added classes to each respective element.

Later on you will use the class selector to style each paragraph

If you want , you can go back to step 1 to see what the menu will eventually look like.

Happy coding

Awesome! Thank you @Teller Maybe I hit the back button and just re-did step 44 without realizing LOL This is my first time with CSS and it’s very fun.

1 Like