A mobile first css layout utility library
npm install ayoflexflex layout module with twelve columns grid system to build mobile first responsive web interfaces. Ayoflex includes six default breakpoints known as responsive modifiers. These breakpoints can be customized using our source Sass file.
bash
$ npm install ayoflex
`
or
`bash
$ npm i ayoflex
`
$3
`bash
$ yarn add ayoflex
`
Import ayoflex in your project
To import ayoflex in your project use the following code in your js file:
`bash
import 'ayoflex';
`
#### or
`bash
import 'ayoflex/dist/ayoflex.min.css';
`
Also you can easily import style to your existing CSS/SCSS/SASS file:
#### Import css in your stylesheet
`css
@import "ayoflex/dist/ayoflex.min.css";
`
#### or
#### Import scss in your SASS file
`scss
@import "ayoflex/src/ayoflex";
`
CDN
You can also add AyoFlex in your project from CDN:
`html
rel="stylesheet"
href="https://unpkg.com/ayoflex@1.0.4/dist/ayoflex.min.css"
/>
`
If you don't need responsiveness you can install a lite version:
`html
rel="stylesheet"
href="https://unpkg.com/ayoflex@1.0.4/dist/ayoflex-no-responsive.min.css"
/>
``