1 line CSS Grid Framework
CSS kann so schön simple sein: 1 line CSS Grid Framework.
This is the challenge of writing entire CSS layout system with one line CSS class.
I just wanted to prove how easy CSS can be, and with little imagination we can be build cool things.
I started with the principle that every column can be divided by two, becoming half column or 50% column.
So how can we build CSS Layout system with this principle?
One column can become 2 (50%) column or 100% = 50% + 50%.
So we can make 2,4,8,16, … layout system.
Believe it or not we only need this line of CSS code:
.dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }