grid-css-framework

Grid

• Intuitive, easy to use, mobile first CSS framework based on Flexbox.
• Contains Normalize and micro clearfix
• Uses: Sass, Gulp & Autoprefixer

Installation

• Npm: npm i grid-css-framework
• Bower: bower install grid-css-framework
• CDN full version:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/grid-css-framework@2.4.0/dist/grid.min.css">

• CDN mobile version:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/grid-css-framework@2.4.0/dist/grid.mobile.min.css">

Browser compatibility

IE	Edge	Firefox	Chrome	Chrome for android	Safari	IOS Safari	Opera	Opera mini	Android browser
10	13	22	21	53	6.1	7.1	12.1	All	4.4

Navigation (see documentation)

• Grid system

Alignment

• Alignment
• Positioning
• Ordering
• Columns

Formatting

• Text formatting
• List formatting

Resize & overflow

• Resize
• Overflow

Resets

• Resets
• Clearfix

Uncategorized

• Container
• Cursor
• Display types
• Border radius
• Full sizes
• Margin & padding
• Visibility
• Background colors
• Text colors
• Buttons
• Notes
• Forms