Flexbox Grid System

  • I found myself recreating piecemeal flexbox grids on several projects so I decided to publish a customizable, reusable library.

    Percentage Based Grid

    Batch takes advantage of the flexbox layout mode. Providing vertical alignment, uniform cell height and no floats!

    Easy To Use

    Download the precompiled CSS or the SCSS source file. Read the installation instructions to add Batch to your project.

    Extendable Cell Sizes

    Add more sizes to the $cell-sizes map to have the small-batch() mixin distill your custom cell classes. Requires Sass and Bourbon.

  • Bourbon, Neat, Sass, Gulp, Git, Sublime Text, html, Adobe Illustrator.