# 1grids

> A Professional but Simple CSS Grid System.

Latest version **4.0.6** (published 2016-05-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install 1grids
pnpm add 1grids
yarn add 1grids
bun add 1grids
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 4.0.6 |
| Published | 2016-05-02 |
| First published | 2016-05-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 10 |
| Author | Ali Mihandoost |
| Maintainers | alimd |
| Keywords | 1grids, 1grid, grid, grids, css, css3, sass, scss, 1devs, alimd, ali.md, ali, mihandoost |

## Links

- npm: https://www.npmjs.com/package/1grids
- Repository: https://github.com/AliMD/1Grids
- Homepage: http://alimd.github.io/1Grids
- Issues: https://github.com/AliMD/1Grids/issues
- npm.io page: https://npm.io/package/1grids

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 4.0.6 (latest) — 2016-05-02
- 3.0.3 — 2016-05-02
- 4.0.5 — 2016-05-02

## 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](http://www.maxcdn.com/)'s super fast global CDN.  
```html
<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.  
```html
<link href="http://rawgit.com/AliMD/1Grids/master/dist/1grids.css" type="text/css" rel="stylesheet" />
```

#### Bower
```shell
bower install 1grids
```

#### NPM
```shell
npm install 1grids
```

#### Sass
import `1Grids` folder in your sass project
```scss
// 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](./CONTRIBUTING.md)

### Help and support
Please ask any questions about web technologies [here](http://github.com/AliMD/1Tuts/issues).

### License
The MIT License (MIT) [alimd.mit-license.org](http://alimd.mit-license.org)

---
_Source: https://npm.io/package/1grids · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._