Media query part2 challange

Hi
I am doing the legacy responsive web design principle. I am confused as to what I am doing wrong please help me. I have gone through the hint and video and still cant see what is wrong. The second part of challenge keeps giving a cross.

<style>
p {
  font-size: 20px;
}

/* Only change code below this line */
@media (max-height: 800px) {/*CSS Rules*/}

@media (max-height: 800px) {
p {
  font-size: 10px;
}
}
/* Only change code above this line */
</style>

We need to know the exact challenge this is for. Please provide a link to the challenge.

Hi this is the one

You have two media queries for max-height: 800px. This is throwing off the test. Get rid of the one that isn’t doing anything.

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