Fluid Flex Solution for making infinite grid columns.
Branch: master
Clone or download
Latest commit e71583b Dec 23, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore First commit Dec 16, 2018
LICENSE
README.md Update README.md Dec 17, 2018
grid.css Add files via upload Dec 17, 2018
grid.min.css Add files via upload Dec 17, 2018
index.html
infinity.svg First commit Dec 16, 2018
logo.png First commit Dec 16, 2018
package.json Add files via upload Dec 17, 2018

README.md

Gzip Size

Infinity CSS Grid

Ultra minimal fluid Flex Grid.


Infinity CSS Grid is around 0,1 Kb CSS for making any number of columns.

Just add any number of .column in the .row:

// For 3 columns:

<div class="row">
  <div class="column">1</div>
  <div class="column">1</div>
  <div class="column">1</div>
</div>

The CSS code is based on this:

.row{display: flex; flex-flow: row wrap}

.column{flex:1}

You can make tests here: https://vladocar.github.io/infinity-css-grid/demo1.html

Installation

Just simply download the project or:

$ npm i infinity-css-grid
<link rel="stylesheet" href="https://unpkg.com/infinity-css-grid@1.0.3/grid.css">

Demo:

https://vladocar.github.io/infinity-css-grid/

License

This project is licensed under the MIT License