Learn Basic CSS by Building a Cafe Menu - Step 61

HTML-CSS
1

Thanks for the welcome. Here is a summary of what I am seeing:

I’m in Step 61. The styles.css is showing the following:

.established {
  font-style: italic;
}

index.html is showing:

<p class="established">Est. 2020</p>

The screen shows:

Hint
Your established class element should have italic

Hope that’s helpful.
Barry

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<p class="established">Est. 2020</p>

<!-- User Editable Region -->


/* file: styles.css */
body {
  background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
  font-family: sans-serif;
}

.established {
  font-style: italic;
}

h1, h2, p {
  text-align: center;
}

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  max-width: 500px;
}

h1, h2 {
  font-family: Impact, serif;
}

.item p {
  display: inline-block;
}

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

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

2

You have added the established class correctly to the p element. But the index.html file above is showing that that is the only line in your editor. Is that true? You don’t want to remove anything from the editor. You only want to add the class to the p element.

2 Likes
3

The code looks great. Sometimes if something else was changed the test can fail. Nothing wrong with exploring but hit the reset button and add the established class again and it should work. Just don’t change or remove anything else.

4

You hit the nail on the head. :slight_smile: Somehow I had deleted the rest of the index.html code and only had the one line for the paragraph element. I pasted in the whole of the html code and now all is good. Thanks for your collective help.

3 Likes
5

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