Flexgrid is a free and open-source CSS grid-system based on flexbox.

Flexgrid helps you build both simple and advanced grids for your modern sites and webapps.

It's easy to hack into a new project, or adapt into a current one.

Designed to be mobile-first
Light as a feather
Without utilities: 24.2kB .min / 3kB .gz / 2kB .br
Hack everything
How to use
In a hurry?

If you need a quick grid for your demo, CodePen, JSBin, etc, you can grab the latest build from unpkg:

<link rel="stylesheet" href="https://unpkg.com/flexgrid.io@3.0.0/dist/flexgrid.min.css" />

Centering made easy

It's never been easier to "center-center" your content

<div class="row xs-justify-center xs-items-center">
    <button class="button">Center</button>

The most simple grid ever

Just add columns below

Try me
<div class="row">
<div class="md">1</div>
<div class="md">2</div>
<div class="md">3</div>
<div class="md">4</div>
<div class="md">5</div>