x
<html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>/* Base style for mobile devices */body { background-color: olive; color: white;}/* For devices with a minimum width of 768px (Medium) */@media screen and (min-width: 768px) { body { background-color: blue; color: white; }}/* For devices with a minimum width of 992px (Large) */@media screen and (min-width: 992px) { body { background-color: tan; color: black; }}</style></head><body><h1>Resize the browser window to see the effect!</h1></body></html>