Why has Foundation 4 made its grid classes less natural and readable?
- by Brenden
The Background
I love responsive CSS grids. I hate Bootstrap's complex class names. I fell in love with Foundations human readable class names.
The Problem
With Foundation 4, they have changed four columns to large-4 small-4 columns and in my opinion this makes the HTML markup less clear. This style of CSS class names is exactly why I switched from Bootstrap to Foundation.
The Question
What advantage is gained by Foundation 4's Grid in making this change?
It seems that you can have a different grid layout on smaller screens via media queries, but I can't think of a design that would require this.
Note: I've been focused on native mobile development and therefore I may be missing out on recent best practices.