Tell us what’s happening:
not able to understand this part
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<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"/>
</head>
<body>
<div class="menu">
<main>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
<article>
<!-- User Editable Region -->
flavor<p>French Vanilla</p>
<p>3.00</p>
<!-- User Editable Region -->
</article>
<article>
<p>Caramel Macchiato</p>
<p>3.75</p>
</article>
<article>
<p>Pumpkin Spice</p>
<p>3.50</p>
</article>
<article>
<p>Hazelnut</p>
<p>4.00</p>
</article>
<article>
<p>Mocha</p>
<p>4.50</p>
</article>
</section>
</main>
</div>
</body>
</html>
/* 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36
Challenge Information:
Learn Basic CSS by Building a Cafe Menu - Step 32
Hello!
In the line 10 you have a <div>
element with a “menu” class:
<div class="menu">
...
</div>
The challenge asks you to add a “flavor” class to a <p>
element using the same method:)
Hope that helps!
5 Likes
Here you tried well, See here your are instructed to add class flavor in the p tag.
Do you know why do we do so ?
When we add any class to our any element, then we can use that element anywhere in our code.
Hope you understand !!
4 Likes
imnk
August 26, 2024, 1:18am
4
Good evening, All
I am also stuck on this same problem from the CSS course.
Here is how I thought this would turn out:
<p flavor="French Vanilla">French Vanilla</p>
<p>3.00</p>
Could you please advise on why this isn’t working?
Thank you in advance.
Regards,
Hello and welcome to the forum @imnk !
This is a good attempt. Instead of flavor change it to class and it should pass for you.
For future request for help:
Please could you use the Help that appears after three unsuccessful attempts on any step.
Choose to Create a Help Post on the forum.
This will allow you to post all of your code for assistance.
imnk
August 26, 2024, 3:00am
6
Hi, hi, ello!
Oh, I see what it means now!
I did attempt this, but as it was my first time attempting to reach out to the community, I had to create an account and the process derailed the connection from the platform to this thread. However, I will note for future reference!
Thank you so much!
Best,
1 Like
You are very welcome. We all were beginners at one time. You have joined a great community, as I have found people here helpful.
May your coding journey be good for you!
In the future, please create your own topic when you have specific questions about your own challenge code. Only respond to another thread when you want to provide help to the original poster of the other thread or have follow up questions concerning other replies given to the original poster.
The easiest way to create a topic for help with your own solution is to click the Ask for Help button located on each challenge. This will automatically import your code in a readable format and pull in the challenge url while still allowing you to ask any question about the challenge or your code.
Thank you.
thanks for this notice ,it helped me a lot