Learn Basic CSS by Building a Cafe Menu - Step 41

I think i dont understand the step 41 question.
Could you please explain more ?

  **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>
        <article class="item">
        <p class="flavor">French Vanilla</p>
        <p class="price">3.00</p>
          <p>Caramel Macchiato</p>
          <p>Pumpkin Spice</p>
/* 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;

.item p {
display: inline-block;

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

.price {
text-align: right;
width: 49%;
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; rv:104.0) Gecko/20100101 Firefox/104.0

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

Link to the challenge:

hello, this exercise just wants you to do some editing to the page by moving one line of code to the same line as an earlier one. Here are the instructions again:

… use the back space key on your keyboard to move the p element with the class price next to the p element with the class flavor so that they are on the same line in the editor. Make sure there is no space between them.

Give it a try…

Thank you so much. it was easy but i was a bit confused

1 Like