GitPedia

Infinity css grid

Fluid Flex Solution for making infinite grid columns.

From vladocar·Updated January 21, 2025·View on GitHub·

Infinity CSS Grid is around 0,1 Kb CSS for making any number of columns. The project is written primarily in HTML, distributed under the MIT License license, first published in 2018. Key topics include: css, css-framework, css-grid, css-library, flex.

Gzip Size

<p align="center"><img src="logo.png" /></p> <h1 align="center"> Infinity CSS Grid </h1> <p align="center"> Ultra minimal fluid Flex Grid. </p> <hr/> <p> Infinity CSS Grid is around 0,1 Kb CSS for making any number of columns. </p> <p> Just add any number of .column in the .row: </p> 
html
// For 3 columns:

<div class="row">
  <div class="column">1</div>
  <div class="column">1</div>
  <div class="column">1</div>
</div>
<p>The CSS code is based on this: </p> 
css
.row{display: flex; flex-flow: row wrap}

.column{flex:1}

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

<h3>Installation </h3> <p>Just simply download the project or: </p> 
shell
$ npm i infinity-css-grid
html
<link rel="stylesheet" href="https://unpkg.com/infinity-css-grid@1.0.3/grid.css">
<h3>Demo:</h3>

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

<h3>License</h3>

This project is licensed under the MIT License

Contributors

Showing top 3 contributors by commit count.

vladocar

vladocar

13 commits

aldis-ameriks

aldis-ameriks

3 commits

wad3g

wad3g

1 commits

View all contributors on GitHub →

This article is auto-generated from vladocar/infinity-css-grid via the GitHub API.Last fetched: 6/21/2026