Skip to content

vladocar/infinity-css-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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/[email protected]/grid.css">

Demo:

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

License

This project is licensed under the MIT License