<!DOCTYPE html>
<html lang="en-US">
<head>
<style media="screen and (max-aspect-ratio:1/1)">
p{
color:red;
}
</style>
</head>
<body>
<p>The and operator is used for combining multiple media features together into a single media query</p>
<p><strong>Note :</strong> Resize the output window using <strong>resizer</strong> between html editor and output window to see the changes.</p> </body>
</html>