12columns.css

Simple grid system based on Flexbox and CSS Grid Layout. View demo here.

How to Use

Add the CSS file to your project:

<link href="12columns.css" rel="stylesheet" type="text/css">

Usage

This grid system uses a 12-column grid and is fully responsive. Columns are wrapped within a grid class.

<div class="grid">
  <div class="column-xs-12 column-md-1">1</div>
  ...
  <div class="column-xs-12 column-md-12">12</div>
</div>

Browser Support

12columns uses Flexbox by default and @supports as a fallback for the browsers supporting CSS Grid Layout.

License

MIT License