This tool is in Beta. If you encounter a bug which is not on the list below please contact me. Thanks!

Known issues

  • Not styled. :)
  • In Safari, Mobile Safari, Mobile Chrome, Opera, fluid grid overlay may not always line up with grid proportions


April 2014

  • Simplified the CSS output float/gutter declaration using an attribute selector instead of listing out all of the grid classes.
  • Added a CSS output rule which removes extra gutter on left side of grid system using the :first-child pseudo-class selector.
  • Added the l- prefix to the grid classes to namespace them. See SMACSS for more details.