Tell us what’s happening:
Describe your issue in detail here.
Please I need help with step 51 which says I should add the .dessert selector to the .flavor selector. I tried .flavor.dessert but it doesn’t work
Your code so far
/* file: index.Ext.html */
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.dessert {
text-align: left;
width: 75%;
}
.price {
text-align: right;
width: 25%
}
/* file: styles.Ext.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.dessert {
text-align: left;
width: 75%;
}
.price {
text-align: right;
width: 25%
}
Your mobile information:
Pixel 4 XL - Android 13 - Android SDK 33
Challenge: Learn Basic CSS by Building a Cafe Menu - Step 51
Link to the challenge:
