Camper cafe step 33

hi,
step 33 instruction is:
The flavors and prices are currently stacked on top of each other and centered with their respective p elements. It would be nice if the flavor was on the left and the price was on the right.
Add the class name flavor to the French Vanilla p element.

and the code I have is:


 <p>French Vanilla</p>
            <p>3.00</p>

where do i add the class name?

is it within the p element?

I tried <p class="flavor" French Vanilla/p>
but that’s not it

1 Like

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

thanks, i was trying to figure that out!!

class is an attribute, so you add it like any other attribute.

This is close, but you need to add the class attribute to the opening p tag.

This is the correct syntax for adding an attribute, but you never closed the opening p tag or opened the closing /p tag.

1 Like

well this code
\\

<p>French Vanilla</p>
            <p>3.00</p>

\
was from the separate step, it puts the “french vanilla” and “3.00” texts under each other.
in this step i just need to add the class name flavor to the french vanilla p element that i already have.
it doesn’t work if I close the opening p tag, because then i’m not able to add the class next to it.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

You absolutely must close the opening p tag. All tags need an opening < and a closing >. Those two parts are absolutely mandatory.

Look back at other elements that you have made:

<img src="www.some.url.com">

or

<a href="www.another.url.com">

You put the attributes (src or href or class) after the element type (img, a, p) but before the closing >

took me a second to comprehend that one, had to read it over a few times. Appreciate the help

1 Like

It definitely takes a while to get used to the wording! Good work getting it passing!

was stuck on that one for a good while… think its time to take a little break now lol

thanks!! got it finally

Mod Edit: SOLUTION REDACTED
for everyone still stuck in this step it must be like this make sure to always put your attributes (class in this exemple) after the element type ( which is “p”) and close your tag “>”

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like