Fluid-Grid

Fluid-Grid is a simple and lightweight flex-based Grid-system.

Get Started

Download from this repositry.

Latest Release: Here

Use a CDN.

CDN List

jsdelivr(v0.1)

for All(included Trisect)
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/Fluid-Grid@v0.1/css/fluidgrid.all.min.css">
for PC
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/Fluid-Grid@v0.1/css/fluidgrid.pc.min.css">
for Tablet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/Fluid-Grid@v0.1/css/fluidgrid.tb.min.css">
for Smartphone
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/Fluid-Grid@v0.1/css/fluidgrid.sp.min.css">

Usage

You can use this like Bootstrap.

class

for PC (12 columns)

.col-*

for Tablet (8 columns)

.col-m-

for Smartphone (4 columns)

.col-s-

960px Grid(recommend to use to PC)

.v960

Trisect a row

.col-m-1-3
.col-s-1-3

License

This repository licensed under MITLicense.