Flexpad

Flexpad is a set of CSS classes to quickly make any flexbox layout using opinionated naming conventions.

How it works

``
- Choose an axis for your container: x or y
- Think of a keypad: 1 2 4
4 5 6
7 8 9
- Pick the number corresponding to the alignment you want for your content
- Assign the class to your container:
`
`html


npm install flexpad --save

Inject CSS:
`js
import 'flexpad/dist/flexpad.css'
// or, prefixed and minified
import 'flexpad/dist/flexpad.min.css'
`

Use with inline styles:
`js
import fp from 'flexpad'

const Menu = () => (


Use a CDN:
`html

``

Contributing

Yes, thank you.