Tell us what’s happening:
Your p element should have an initial font-size of 20px when the device height is more than 800px.
Well, what the hell! The initial value is already set to 20px. How am I ever going to pass this lesson?
My code so far
<style>
p {
font-size: 20px;
}
/* Only change code below this line */
@media (max-height: 800px) {
p {
font-size: 10px;
}
}
/* Only change code above this line */
</style>
My browser information:
User Agent is: Mozilla/5.0 (Windows NT 6.1; ) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/82.0.4080.0 Safari/537.36 Edg/82.0.453.2
.
Challenge: Create a Media Query
Link to the challenge: