Fluid Flex Solution for making infinite grid columns.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE
README.md Update README.md Dec 17, 2018
grid.css
grid.min.css
index.html fix bad merge Dec 23, 2018
infinity.svg
logo.png
package.json

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