8-Grid

©2018- DAFU.

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

HP:https://dafu.cf/8-Grid/

Get Started

1. Download from this repositry.

Latest Release: Here

2. Use a CDN.

CDN　List

jsdelivr(v0.4.1)

for All
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/8-Grid@v0.4.1/css/8grid.all.min.css">
for PC
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/8-Grid@v0.4.1/css/8grid.pc.min.css">
for Tablet
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/8-Grid@v0.4.1/css/8grid.tb.min.css">
for Smartphone
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kikiriko200/8-Grid@v0.4.1/css/8grid.sp.min.css">

Usage

You can use this like Bootstrap.

class

1. for PC

.col-*

2. for Tablet

.col-m-

3. for Smartphone

.col-s-

4. 960px Grid(recommend to use to PC)

.v960

5. Trisect a row (v0.2~)

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

License

This repository licensed under MITLicense.