Learn Basic CSS by Building a Cafe Menu - Step 51

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I just restarted coding after a while, and i have no idea on what it’s asking me

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 {
  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 {
  text-align: left;
  width: 75%;
}

.price {
  text-align: right;
  width: 25%
}

Your mobile information:

SM-A307FN - Android 11 - Android SDK 30

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

Link to the challenge:

2

Remember that you can seperate with a comma any number of selectors to one design and your property’s will apply to all of them?
Ex:

.red,button{
color:red;
}

And now all the elements with the red class attribute and all your buttons will be red.
Do that with your dessert class by adding it to your .flavor selector.
Remember the comma and dot before the class name:

.flavor {
  text-align: left;
  width: 75%;
}
1 Like
3

I tried to do as you said resulting in:

.flavor,.desert {
text-align: left;
width: 75%;
}

It still tells me i’m doing something wrong, and i’m quite sure is because i’m executing pourely your instructions

4

Just a typo- it should be ‘dessert’.

1 Like
5

Ty, now it worked perfectly

6

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