Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Lightweight Responsive CSS Grid System, build to be Simple Fast and Intuitive, only 1kb minified.
branch: master
Failed to load latest commit information.
images simplify the baseline
templates starting re-building everything
.gitignore css adjust and license update add bitdeli tracker
index.html simplify the baseline

ResponsiveAeon, elegant & minimalistic CSS grid system!

Simple, fast and intuitive! this matter!

SASS and LESS are awesome tools, Grunt.js and Node.js kick ass, but what about the beginners?

A simple and minimalist alternative to start with Responsive Design and fluid Grids for WebDesigners.


  • Extreme simple responsive grid system based on 12 columns layout.

  • Only one CSS file.

  • Ease names to remember, col + 1 = col1. So just: col1, col2, col3 and goes on.

  • Friendly warning to OLD browsers.

  • Include AI and PNG templates for Designers.

  • Include HTML5 index example file.

Folder & File Structure:

CSS - folder (aeon-grid.css, aeon-grid.min.css).

JS - folder (Place your Scripts Here).

Images - folder (favicon.ico and iphone icons).

Templates - folder (Ai, Png files).

Quick start

1. Include the CSS stylesheet on your own HTML file or use our index file.

<link rel="stylesheet" type="text/css" media="all" href="css/aeon-grid.css" />

2. Compose the HTML like the example.

<div class="container">
    <div class="content">
        <!--Do all your markup here between content class-->
        <div class="col6"></div>
        <div class="col6"></div>
        <div class="col4"></div>
        <div class="col4"></div>
        <div class="col4"></div>

3. Done! there's no more to learn. Simple, Fast and Intuitive.

More infos on:

A simple demo can be checked here:

Enjoy and contribute!

Bitdeli Badge

Something went wrong with that request. Please try again.