kathykato/12columns

Simple grid system based on Flexbox and CSS Grid Layout.

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