Yet another CSS grid system — yacgs.css

Yacgs.css is a very easy to use CSS framework to use a responsive grid on your website. Yacgs.css provides only the grid in 100% CSS, no Javascript support required.

Usage

Yacgs.css most important feature is his usabilty. Let me explain it:

First at all you create your Basic HTML file, then add yacgs.css in the <head> of your site.

<link rel="stylesheet" href="yacgs.css">

Then you can write your site content into a <div> with the class" .container (or you use another <div> with your own typical class/id)


The grid use simple nativ englisch expressions, e.g. .one, .one-of-two, .three-of-four, two-of-six, it's very simple to use. All this class names follow a system:

.one

.one-of-two

.one-of-three

.two-of-three

.one-of-four

.two-of-four

.three-of-four

.one-of-five

.two-of-five

.three-of-five

.four-of-five

.one-of-six

.two-of-six

.three-of-six

.four-of-six

.five-of-six

You can combine some classes, like:

.two-of-six
.one-of-six
.three-of-six

.two-of-five
.three-of-five

.five-of-six
.one-of-six

Last but not least, to be sure that everything stays in the right place, pack a <div> around with class .row.
That's all folks.