Max-Width Example

The first box bordered in blue is always 500 pixels no matter the width of the browser page. The second box bordered in green will be 500 pixels unless the browser window is too small so it will get smaller. Play with the size and see.

The first box bordered in blue is always 800 pixels no matter the width of the browser page. See what happens when you make the page smaller then 800 pixels? Does the box resize or does it get cut off?

This is a box with max-width of 800 pixels that should change size if the browser gets narrower. It should have an orange border.