# appeweb-grid

> Simple responsive grid

Latest version **1.2.0** (published 2020-11-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install appeweb-grid
pnpm add appeweb-grid
yarn add appeweb-grid
bun add appeweb-grid
```

## 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 | 1.2.0 |
| Published | 2020-11-09 |
| First published | 2020-11-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 8.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Michael Durand |
| Maintainers | micha_durand |

## Links

- npm: https://www.npmjs.com/package/appeweb-grid
- Repository: https://github.com/Appeweb/responsive-grid
- npm.io page: https://npm.io/package/appeweb-grid

## Recent versions

- 1.2.0 (latest) — 2020-11-09
- 1.1.0 — 2020-11-04
- 1.0.1 — 2020-11-03
- 1.0.0 — 2020-11-03

## README

# Appeweb-Grid

## Description

Simple scss/css responsive grid

## Installation

install with `yarn add appeweb-grid` or `npm -i appeweb-grid`

## Basics usage
### Import *appeweb-grid*
#### Option A:
Link the CSS file directly if you agree for use defaults parameters, like so:

`<link href=".../appeweb-grid/dist/css/index.css">`

#### Option B (Recommended) : 
Import **grid.scss** in your sass file

`@import "appeweb-grid/src/sass/grid.scss"`

### Use appeweb-grid

There are two types of **container**
Container with marge and max width in terms of screen size.
````
<div class="container">
    <!-- your content -->
</div>
````
Container with no marge and take 100% of parent.
````
<div class="container-fluid">
    <!-- your content -->
</div>
````

Using grid columns
````
<div class="container or container-fluid">
    <div class="row">
        <div class="col-1 ... 12">
            <!-- your content -->
        </div>
    </div>
</div>
````

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