ryngonzalez / Manhattan-Grid

A grid system for everybody, with bindings for React.

Manhattan

A grid system for everyone, built on Flexbox.

Install

1. npm install --save manhattan
2. Include CSS via a loader, css pre/post-processor, etc.
3. Build your component tree using plain CSS class composition, or via our React bindings that allow you to compose the grid in markup.

Example

import { Cell, Container } from 'manhattan'
import { Component } from 'react'

class Page extends Component {
  render() {
    <Group wrap="wrap" align="start">
      {this.props.myArticles.map(article =>
        <Cell size="third">
          <Article {...article} />
        </Cell>
      )}
    </Group>
  }
}