paweljonik / yags

Yet Another Grid System

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

yags - Yet Another Grid System (v.2.0)

Previously based on a 12-column grid system. Currently - any-column - grid system based on flex properties.

Created solely for not having to write a barebone minimal HTML/CSS for every project. Works for me, may work for you, maybe not.

Created by Pawel Jonik Free to use under MIT License

Quick how-to

This grid is based on html5 markup: sections & articles and CSS flex properties. You basically add "_flex" class for element to be treated as flex container.

Other useful classes are:

This is TODO:

To force columns on any circumstances add class:
._half,
._one-third, ._two-thirds,
._one-fourth, ._three-fourths, 
or ._quarter, _three-quarters
or ._wide
you'll get 

Example for html5 sectioning markup (demo):

Simple, huh. ;-)

About

Yet Another Grid System

License:MIT License


Languages

Language:HTML 68.1%Language:CSS 31.9%