Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Fluid Flex Solution for making infinite grid columns.

License

NotificationsYou must be signed in to change notification settings

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:<divclass="row"><divclass="column">1</div><divclass="column">1</div><divclass="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
<linkrel="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

Releases

No releases published

Packages

No packages published

Contributors3

  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp