<head>
<style>
.box {
background-color: #4CAF50;
color: white;
padding: 20px;
text-align: center;
}
@media (min-width: 600px) {
.box {
background-color: #ff5733; /* Changes background color for screens wider than 600px */
}
}
</style>
</head>
<body>
<div class="box">This box changes color on screens wider than 600px.</div>
</body>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.