Capital letters in HTML/CSS

It seems the terminal will not accept the code below if “impact” isn’t capitalized.
h1, h2 {
font-family: impact;
}

Can someone confirm for me that capital letters are or aren’t used in this way?
Since I was able to add the font-family “sans-serif” without any capitals it feels like its just an error.
Thank you!

Your code so far

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

.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; rv:100.0) Gecko/20100101 Firefox/100.0

Challenge: Step 59

Link to the challenge:

Impact should be capitalized since that is how the authors of that font write the name of that font. Ultimately though, your browser will work really hard to make the HTML/CSS work either way.

Thank you for the reply!

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