vladocar / infinity-css-grid

Fluid Flex Solution for making infinite grid columns.

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