The no-bloat, simple to use, 100% scallable grid system.

Easy To Use

The basic Grid and Columns css setup leaves plenty of room to let your creativity flow.

No Bloat

Just pure css with a basic HTML reset. Add your own styling, as you need it.

'Every Device' Grid

A simple, 100% scallable grid. Add your own break points.

Code Alive Mobile Website offers a simple guide to how to use the Code Alive CSS grid available for download here.

Easy To Use

The basic Grid and Columns css setup leaves plenty of room to let your creativity flow.

No Bloat

Just pure css with a basic HTML reset. Add your own styling, as you need it.

The 'Every Device' Grid

A simple, 100% scallable grid. Add your own break points.

ABOUT CODE ALIVE

Code Alive is a website designed to help the more visually inclined learners basics of using CSS. The CSS framework was developed by Vi Chetan and forms the basis of the contents of this website. It is inspired by Graham Miller's Responsive Grid System.

CODE VISUALIZER

The Code Visualizer is a simple way of of viewing the 4,8, and 12 column grid CSS based on Code Alive's grid system.

I KNOW IT'S NOT PERFECT...

Since it's my first time developing a framework, any suggestions on ways to improve the framework will be great! Please let me know if problems are found in the code. I would love to learn from whoever I can, however I can!