Html-css cafe menu app stgep 60

HTML-CSS
1

i am a little stuck in task 60 where i have to make the nested p elements in italic by declaring a class i need help doing this.

2

Post your entire code and the link to the challenge here.

3

okay https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-60

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

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%
}

4

The instruction: " Make the Est. 2020 text italicized by creating an established class selector and giving it the font-style property with the value italic ."

You have to add .established selector to your css code and set its ‘font-style’ propeprty to a value of “italic”:

.class {
  property: value;
}
5

please can you show me a literal example of what you mean i tried this in my html code

est .2020

but it didnt work
6

I can not give you the final solution. It is your homework.
In this case, the class selector is .established, the property is font-style, and the property’s value is italic. This should be quite enough self-explanatory to solve and pass this challenge.

7

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