General

uniform design

Zimit Framework provides a comprehensive and consistent style.
Based on normalize.css and with the addtion of some more resets, this homogeneity is achieved by all browsers.

Keep in mind that Zimit Framework is a fully HTML5 framework and therefore will only be compatible with modern browsers, but this support can be extended with the use of external javascripts.

Grid

a responsive system

The responsive design of Zimit Framework is based on a 12 columns 960px grid with their margins.
This design makes Zimit Framework simple and adaptable to any device.

Now we will see how to create the basic structure of the grid and its various possibilities.
First a simple 2 symmetrical column grid:

4 columns
4 columns

            
4 columns
4 columns

Now a full size single column:

12 columns

            
12 columns

You can place the columns with an offset

7 columns with 2 offset
4 columns with 1 offset

            
7 columns with 2 offset
4 columns with 1 offset

You can also nest columns:

4 columns
4 columns
4 columns
4 columns

            
4 columns
4 columns
4 columns
4 columns

More

let's learn more things

At this point you know how to use the tools provided by Zimit Framework for your own layout based on the grid. Now you can go deeper on the framework and all its components or review the basics: