Grid system for Patterns - Patternslib/Patterns GitHub Wiki

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

  • …