A grid system for everyone, built on Flexbox.
npm install --save manhattan
- Include CSS via a loader, css pre/post-processor, etc.
- Build your component tree using plain CSS class composition, or via our React bindings that allow you to compose the grid in markup.
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>
}
}