https://github.com/vladocar/1-line-CSS-Framework

One Line CSS Framework
https://github.com/vladocar/1-line-CSS-Framework

css css-framework css-grid css3 framework

Last synced: about 1 month ago
JSON representation

One Line CSS Framework

• Host: GitHub
• URL: https://github.com/vladocar/1-line-CSS-Framework
• Owner: vladocar
• Created: 2018-03-07T23:56:06.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-03-12T19:43:46.000Z (over 6 years ago)
• Last Synced: 2024-07-18T04:39:12.064Z (2 months ago)
• Topics: css, css-framework, css-grid, css3, framework
• Language: HTML
• Size: 8.79 KB
• Stars: 68
• Watchers: 5
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 1-line-CSS-Framework

One Line CSS Framework

Only CSS you need is this:

`.dp50 {width:50%;  float:left;}`

Every column can be divided by two, becoming half column or 50% column.

One column can become 2 (50%) column or 100% = 50% + 50%. 

So we can make 2,4,8,16, … layout system.

Demos:

[Demo1](https://vladocar.github.io/1-line-CSS-Framework/1-line-css-framework-1.html)

[Demo2](https://vladocar.github.io/1-line-CSS-Framework/1-line-css-framework-2.html)

[Demo3](https://vladocar.github.io/1-line-CSS-Framework/1-line-css-framework-3.html)

[You can find more on my blog >>](http://www.vcarrer.com/2018/03/1-line-css-framework.html)