infinity-css-grid

Ultra minimal fluid Flex Grid

Usage no npm install needed!

<script type="module">
  import infinityCssGrid from 'https://cdn.skypack.dev/infinity-css-grid';
</script>

README

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 rows:

<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}

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">

License

This project is licensed under the MIT License