<!DOCTYPE html>
<html lang="en-US">
<head>
<style media="screen and (min-width:500px)">
h1{
color:red;
}
p{
color:green;
}
</style>
</head>
<body>
<h1>Fruit</h1>
<p>I Like Banana</p>
<p><strong>Note :</strong> Resize the browser window from top to bottom and vice versa to see the changes.</p> </body>
</html>