← About Mobile

Mobile Visibility

Foundation is designed to quickly prototype, and one thing we've found very helpful is a series of visibility classes that can be applied to turn things on and off for different devices. On this page, you'll see slightly different interfaces on each class of device (desktop, tablet, and phone).

As an example, you'll only see this interface if you're on a desktop machine (something with a resolution higher than 768px wide, and not matching specific tablet resolutions). On a desktop we might make more use of columns for layout, as well as show more information for content.

Example Download

Since downloads only work on desktops (well, or with Dropbox on mobile devices) we only show this for desktops.

Example Download

As an example, you'll only see this interface if you're on a tablet device (something with a resolution matching specific tablet resolutions). On a tablet we might make more use of columns for layout but we would not show items like download links.

Phone Interface


As an example, you'll only see this interface if you're on a phone (something with a resolution lower than desktops or tablets). On a phone our columns will all stack, and we would place navigation at the bottom of the page.