Keep showing-Sorry, your code does not pass. Keep trying

HTML-CSS
1

Step 58

It is a bit boring for all the text to have the same font-family. You can still have the majority of the text sans-serif and make just the h1 and h2 elements different using a different selector.

Style both the h1 and the h2 elements so that only these elements’ text use Impact font.
my code

dy {
  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;
}

.item p {
  display: inline-block;
}

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

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

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

1 Like
3

I have styled the element as per the instructions given. The results are shown in the preview screen also. But when I check the code it keep showing “your code doesn’t pass”.

4

Hello @adharsh !

Impact needs to have a capital at the beginning.

I hope this helps you.

Happy coding!

1 Like
5

Thank you.It worked.

1 Like
7

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