Grid system for Patterns

Jump to bottom Edit New page

cornae edited this page Jan 26, 2013 · 8 revisions

Grid system selection

Candidates shortlist

Frameless

Pros

Very adaptive. Up to high resolutions
Nice typography
Unique way of scaling up by not defining the amount of columns

Cons

The way it scales up for higher resolutions is probably too unique for our needs.

Fluid baseline grid

Pros

Nice typography
Nice class names
No rows necessary

Cons

Maximum of 3 columns

1140 CSS Grid

Pros

Fancy class names
Very lightweight (130 lines of CSS)

Cons

Unmaintained
Requires an unwanted last class
Doesn't provide the desired typography

Skeleton

Pros

Gorgeous typography
Base CSS for forms, buttons, etc
Nice class names

Cons

Requires a container div

320 And up

Pros

Fairly nice class names on the rows only
Beautiful colour scheme and base styles for forms, buttons, etc

Cons

…