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

Fluid Flex Solution for making infinite grid columns.
https://github.com/vladocar/infinity-css-grid

css css-framework css-grid css-library flex flex-layout flexbox flexbox-css flexbox-grid

Last synced: 2 months ago
JSON representation

Fluid Flex Solution for making infinite grid columns.

• Host: GitHub
• URL: https://github.com/vladocar/infinity-css-grid
• Owner: vladocar
• License: mit
• Created: 2018-12-16T13:38:31.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-04-17T21:55:56.000Z (almost 4 years ago)
• Last Synced: 2024-11-11T06:44:30.543Z (2 months ago)
• Topics: css, css-framework, css-grid, css-library, flex, flex-layout, flexbox, flexbox-css, flexbox-grid
• Language: HTML
• Homepage: https://vladocar.github.io/infinity-css-grid/
• Size: 38.1 KB
• Stars: 124
• Watchers: 10
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Gzip Size](https://img.badgesize.io/https://unpkg.com/[email protected]/grid.min.css?compression=gzip)](https://unpkg.com/[email protected]/grid.min.css)



 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: 


```html

// For 3 columns:



  
1

  
1

  
1



```


The CSS code is based on this: 


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

Installation 


Just simply download the project or: 


```shell

$ npm i infinity-css-grid

```

```html

```

Demo:


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

License


This project is licensed under the MIT License