Testing the width media-query

Pixel version

This should horizontally shrink and the border go blue when the window is under 500px wide.

The key CSS is:

@media screen and (max-width: 500px) {
    .test{
		border: 1px blue solid;
		width: 200px;			
	}
}

This should horizontally shrink and the border go blue when the window is under 31.25em wide.

The key CSS is:

@media screen and (max-width: 31.25em) {
    .testEms {
		border: 1px blue solid;
		width: 12.5em;			
	}
}