Level 11 and lesson 3 css plz response quickly
this code is working but it showing put max-width:600px, even the max-width is given 600px
<!DOCTYPE html>
<html>
<head>
<title>Hiding elements using Media Queries</title>
<style>
@media screen and (max-width: 600px){
h1.text {
display: none;
}
}
h1{
background-color: #cdb4db;
padding: 20px;
font-family: cursive;
text-align: center;
}
</style>
</head>
<body>
<h1 class="text">Studytonight</h1>
<p>When the browser's width is 600px wide or less, hide the h1 element. Resize the browser window to see the effect.</p>
</body>
</html>