# New Responsive Web Design Cafe Menu Step 41

**URL:** <https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [May 25, 2022, 7:52pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698 "2022-05-25T19:52:24Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![natalieb-k](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/natalieb-k/32/230371_2.png) [@natalieb-k](https://forum.freecodecamp.org/u/natalieb-k)\
**Post date:** [May 25, 2022, 7:52pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/1 "2022-05-25T19:52:24Z")

</div>

What am I missing here? I feel like I don’t understand what they’re asking me for.

Step 41  
That worked, but there is still a little space on the right of the price.

You could keep trying various percentages for the widths. Instead, simply move the price p element to be on the same line and make sure there is no space between them.

```auto
            <p class="flavor">French Vanilla</p>
            <p class="price">3.00</p>

```

-Tried changing it to  
`<p class="flavor">French Vanilla 3.00</p>`  
-Tried  
` <p class="flavor">French Vanilla <p class="price">3.00</p></p>`  
-Tried changing the CSS to have .flavor align right and .price align left instead of the other way around  
Tried just putting` <p>French Vanilla 3.00</p>`

I guess I don’t understand what they want from me, bc I keep getting the hint: “Your p elements should not have any space between them.”  
Which they don’t  
So whyyyy

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [May 25, 2022, 7:54pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/2 "2022-05-25T19:54:35Z")

</div>

you still need two p elements one after the other, none of yours attempt are correct because you are changing the two elements to be nested, or to be only one

---

<div class="post-metadata">

**Author:** ![natalieb-k](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/natalieb-k/32/230371_2.png) [@natalieb-k](https://forum.freecodecamp.org/u/natalieb-k)\
**Post date:** [May 25, 2022, 8:08pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/3 "2022-05-25T20:08:58Z")

</div>

Right, sorry I forgot to mention that when I changed the CSS to have .flavor align right and .price align left the HTML is

```auto
<p class="flavor">French Vanilla</p>
<p class="price">3.00</p>

```

So is that still incorrect? Or what is it that’s being asked of me I still don’t understand

---

<div class="post-metadata">

**Author:** ![bbsmooth](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bbsmooth/32/203556_2.png) [@bbsmooth](https://forum.freecodecamp.org/u/bbsmooth)\
**Post date:** [May 25, 2022, 8:17pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/4 "2022-05-25T20:17:30Z")

</div>

> [@natalieb-k](#):
>
> Or what is it that’s being asked of me I still don’t understand

Take the instructions very literally:

“simply move the price `p` element to be on the same line and make sure there is no space between them.”

Use your backspace key to do this.

P.S. I can see the possibility for confusion though, because the instructions don’t explicitly mention that they want the price to be on the same line as the flavor. But since the previous steps are specifically dealing with these two elements I think it is making the assumption that you will understand that step 41 is also about these two elements.

---

<div class="post-metadata">

**Author:** ![Haao98](https://avatars.discourse-cdn.com/v4/letter/h/f6c823/32.png) [@Haao98](https://forum.freecodecamp.org/u/Haao98)\
**Post date:** [May 25, 2022, 8:17pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/5 "2022-05-25T20:17:45Z")

</div>

Your two `<p>`-tags should be on the same line, like next to each other.

---

<div class="post-metadata">

**Author:** ![natalieb-k](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/natalieb-k/32/230371_2.png) [@natalieb-k](https://forum.freecodecamp.org/u/natalieb-k)\
**Post date:** [May 25, 2022, 8:22pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/6 "2022-05-25T20:22:41Z")

</div>

OH WOW lol ok thank you I think I was over-thinking it

---

<div class="post-metadata">

**Author:** ![eca79](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/eca79/32/242938_2.png) [@eca79](https://forum.freecodecamp.org/u/eca79)\
**Post date:** [June 3, 2022, 6:22am UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/7 "2022-06-03T06:22:11Z")

</div>

It worked, but I don’t understand why. I thought HTML is supposed to ignore spaces between elements?

---

<div class="post-metadata">

**Author:** ![talhajaved020993](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/talhajaved020993/32/184529_2.png) [@talhajaved020993](https://forum.freecodecamp.org/u/talhajaved020993)\
**Post date:** [June 24, 2022, 9:20pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/8 "2022-06-24T21:20:38Z")

</div>

Same question as @eca79 , and I don’t know why but it seems like the instruction were very vague for this step.

---

<div class="post-metadata">

**Author:** ![Stefabeth](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/stefabeth/32/162302_2.png) [@Stefabeth](https://forum.freecodecamp.org/u/Stefabeth)\
**Post date:** [June 26, 2022, 2:40pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/9 "2022-06-26T14:40:38Z")

</div>

@eca79 and @talhajaved020993 - I’m currently confused about the “why” as well. If you find out, please let us know here!

---

<div class="post-metadata">

**Author:** ![st03-drprogamming](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/st03-drprogamming/32/244260_2.png) [@st03-drprogamming](https://forum.freecodecamp.org/u/st03-drprogamming)\
**Post date:** [October 14, 2022, 2:06pm UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/10 "2022-10-14T14:06:30Z")

</div>

French Vanilla

3.00

 remove any spacing from margin to paragraph

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [April 15, 2023, 2:07am UTC](https://forum.freecodecamp.org/t/new-responsive-web-design-cafe-menu-step-41/511698/11 "2023-04-15T02:07:13Z")

</div>

Closed on April 15, 2023, 2:07am UTC

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