1grids

A Professional but Simple CSS Grid System.

Usage no npm install needed!

<script type="module">
  import grids from 'https://cdn.skypack.dev/1grids';
</script>

README

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