Gridd

When all you need is a simple grid.

Table of contents

• Install
• Usage
• Example
• Supported browsers
• Support this project
• Code of Conduct
• License

Install

$ npm install gridd

Or if you prefer using Yarn:

$ yarn add gridd

Or you can also clone this repo

$ git clone https://github.com/alexdevero/gridd.git

Usage

In the dist directory there are three minified files:

• gridd.css: unminified version of grid for development
• gridd.min.css: minified version of gridd for use

Example

Include Gridd CSS file in your page:

<link rel="stylesheet" href="gridd.min.css">

Then you can use all available Gridd classes. This example will create two columns with equal widths.

<div class="grid-container">
  <div class="grid-row">
    <div class="grid-col-md-6">Two</div>
    <div class="grid-col-md-6">Column</div>
  </div>
</div>

Supported browsers:

Gridd works in all major browsers that support the Flexible Box Layout Module.

IE	Google Chrome	Mozzila Firefox	Safari
+10	+45	+45	+8.4

Support this project

Development and maintenance of this project takes a lot of time. If you want to support this project and help its author, there are few ways you can do it:

• Starring and sharing the project
• —make one-time donations via PayPal.
• —set up monthly donation via Patreon and get interesting news about what I'm doing.
• —send bitcoins or ethereum to this address: 19jHGagJWeVvuNjN3kaBoAszXd9ea9gKzp.

Thank you!

Code of Conduct

Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

License

MIT © Alex Devero.