O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Designing small to large

One of the key principles of Zurb Foundation 4 is that you are encouraged to design for small, generally mobile devices first. Then adapt your design for large displays, usually desktops and laptops. This is called mobile-first design.

Intuitively, it just makes sense. The traditional approach was to design for regular displays and make exceptions for larger and smaller devices. It is easier to design for small devices (one end of the spectrum) and make exceptions for larger devices.

While Foundation is capable of handling multiple breakpoints, in this book we'll concentrate on two sizes, small and large. A breakpoint is a specific browser width that delineates small and large displays. Foundation's default breakpoint is ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required