Skip to content

Instantly share code, notes, and snippets.

@oliverbenns

oliverbenns/grid.md

Created August 7, 2015 00:44
Show Gist options
  • Save oliverbenns/4d8a108d0d2b8d80808b to your computer and use it in GitHub Desktop.
Save oliverbenns/4d8a108d0d2b8d80808b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
grid.md

Grid / Css classes (.col-md-3 etc.) like Bootstrap.

  • Consistent
  • Easy to implement and keep responsive
  • Ensures decoupling of layout and components
  • Pumps out a lot of grid classes, many of which may never get used.
  • Always need to wrap in a row element (Bootstrap)
  • Not very flexible

Grid system (use of mixins with a system like Jeet)

  • Flexible, can not use a gutter, adjust the gutter for certain elements, etc.
  • Very specific, we know this contact layout will be in the contact stylesheet.
  • Always need to configure to each page.
  • With a big site, we be doubling up on css quite often, depending on components.
  • Possible browser support depending on system (e.g. Jeet is IE9+)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment