Resize the browser window to see the color change at different breakpoints

By default, the background color of the document is "tan". If the screen size is 992px or less, the color will change to "lightblue". If it is 600px or less, it will change to "olive".

Here, we are only changing the background color. You can change just about any CSS property within specific media query breakpoints.