Chapter 2Getting Started With Foundation's Grid System

Who doesn’t want their websites to look beautiful and well-structured in mobile devices? Considering the plethora of sites vying for users' attention, our website should be ready to modify itself automatically for any kind of display devices. But this sort of website design is challenging and requires many hours of HTML and CSS coding. Foundation framework, on the other hand, gives you the ability to create such responsive websites on the go. You don't have to write a single line of CSS code to make a responsive website.

In this chapter, we are going to explore one of the main concepts in Foundation: the grid system—a 12-column flexible grid that can scale to any size. We’ll see how to implement ...

Get Jump Start Foundation now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.