States for Responsive Design
The Core styles are set up to allow layouts to change with the size of the display (or more accurately, the browser window). You have a number of tools at your disposal to make your layouts behave differently on small devices than on larger ones and vice versa.
To accomplish this, we have defined three so-called “states”. These states are based on the width of the user's viewport.