1Grids v4.0

A Professional but Simple CSS Grid System.

Feature

• Responsive
• Old browser support
• Simple to use
• ...

More responsive sizes

• .w1 ... .w12 , .visible-x, .hidden-x for eXtra small and mobile screen size (<480px)
• .wt1 ... .wt12, .visible-t, .hidden-t for Table screen size (>=480px)
• .ws1 ... .ws12, .visible-s, .hidden-s for Small computer screen size devices (>=768px)
• .wm1 ... .wm12, .visible-m, .hidden-m for Medium computer screen size devices (>=992px)
• .wl1 ... .wl12, .visible-l, .hidden-l for Large computer screen size devices (>=1200px)

Browser support

• Chrome 4+
• Firefox 4+
• Safari 5+
• Opera 11+
• Edge 15+
• Internet Explorer 8+

Download and use

Public cdn.

For use on production websites with any amount of traffic. Files are served via MaxCDN's super fast global CDN.

<link href="http://cdn.rawgit.com/AliMD/1Grids/v4.0.6/dist/1grids.css" type="text/css" rel="stylesheet" />

For dev/testing latest version with low-traffic use the following link. Please don't use it on production websites.

<link href="http://rawgit.com/AliMD/1Grids/master/dist/1grids.css" type="text/css" rel="stylesheet" />

Bower

bower install 1grids

NPM

npm install 1grids

Sass

import 1Grids folder in your sass project

// grid_num = 12
@import '1Grids/'

Contributing

♥ this project and want to get involved ?
Thanks! There are plenty of ways you can help!
Check CONTRIBUTING.md

Help and support

Please ask any questions about web technologies here.

License

The MIT License (MIT) alimd.mit-license.org