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?