Awesome Open Source
Awesome Open Source

Flexy

Flexy is minimal CSS framework made with Flex

  • Minimal. It is only 0.33 KB minified + gzip.
  • Responsive.
  • No unnecessary nesting.
  • Fluid Column (even multiple times in one row)
  • Flexible the main width can be any number or uint ex: 960px, 90% or whatever you like.

https://vladocar.github.io/flexy/

Demo 1 - Katana

Demo 2 - Quotes

Code Demo

<div class="dp50">50%</div>
<div class="dp50">50%</div>

<div class="dp33">33,3%</div>
<div class="dp33">33,3%</div>
<div class="dp33">33,3%</div>

<div class="dp25">25%</div>
<div class="fluid">Fluid</div>
<div class="dp17">17%</div>
<div class="clear"></div> /* => Use clear when you have fluid column */

/* Multiple Fluid columns in one row */

<div class="fluid">Fluid</div>
<div class="dp25">25%</div>
<div class="dp25">25%</div>
<div class="fluid">Fluid</div>
<div class="clear"></div>

Install

You can simply download the library or:

$ npm i @vladocar/flexy

Browser Support

Use flexy-old.css for IE 10/11

License

This project is licensed under the MIT License


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
html (11,039
css (7,330
framework (1,106
html5 (455
css3 (202
flexbox (101
flex (53
html-css (28
flexbox-grid (16