Grid System and Utility Classes

  • Aravind Shenoy


Foundation is one of the frameworks that adheres to the mobile-first approach. In the earlier days, designers used the traditional approach wherein you built a website for desktops or larger screens initially and then worked them into a watered-down version for mobile devices. Such an approach was tedious—even more so when you tried to create an intuitive and feature-rich website. Add code readability and maintenance to it, and you had a big task on your hands.


Block Grid Large Screen Small Screen Column Element Medium Screen 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

Supplementary material (8 kb)
Chapter 2 Code (zip 8 kb)

Copyright information

© Aravind Shenoy 2016

Authors and Affiliations

  • Aravind Shenoy
    • 1
  1. 1.MumbaiIndia

Personalised recommendations