Experience has shown that certain layouts tend to work better than others. The Interactive Advertising Bureau (IAB), that tries to standardize ads displayed on the Web, regularly publishes guidelines for their size. As screen resolutions increase, we can make use of more screen real estate, but we still have to support older, narrower displays so it is better if we stick to narrower, more conservative sizes. grids.css
allows us to easily arrange the components in a page in several of the most common layouts or combine them to build our own.
In comparison to the other three CSS Tools, the grids.css
file is a lot bigger, containing a much wider range of selectors and rules. This tool is used in a different way than the other two; instead of just linking to the file and forgetting about it, you will need to make use of specific class names, give element-specific IDs, and use the correct nesting structures in order to have your pages laid out in the format...