Skip to content
Lightweight Responsive CSS Grid System, build to be Simple Fast and Intuitive, only 1kb minified.
Find file
Latest commit c3ff8b0 Jun 23, 2014 @newaeonweb Merge pull request #3 from ahoefinger/patch-1
Update aeon-grid.css
Failed to load latest commit information.
templates starting re-building everything Nov 4, 2013

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.