Sorry, your code does not pass. Keep trying. You should set the font-family to Impact

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.

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

h1, h2 {
font-family: ‘Impact’;
}

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

}

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

can anyone tell me whats wrong with my code?

1 Like

Hi @dorianjansen !
You have not included the lesson and step name.

1 Like

Hello @dorianjansen !

Try changing the font-family Impact without quotes and see if that helps.

Happy coding and keep up the good progress!

1 Like

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