oooh-name / responsiveaeon-cssgrid

Lightweight Responsive CSS Grid System, build to be Simple Fast and Intuitive, only 1kb minified.

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.

Features:

• 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>
    </div>
</div>

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

---

More infos on: http://www.newaeonweb.com.br/responsiveaeon/

A simple demo can be checked here: http://www.newaeonweb.com.br/responsiveaeon/demo/demo.html

Enjoy and contribute!