From 1d1401ea2cd15dfc0e5dac64b55be9f3b91fdaf6 Mon Sep 17 00:00:00 2001 From: 1000ch Date: Sat, 18 Jul 2020 11:09:49 +0900 Subject: [PATCH] docs: tweaks --- index.html | 150 +++++++++++++++++++++++++++++------------------- readme.markdown | 5 +- 2 files changed, 92 insertions(+), 63 deletions(-) diff --git a/index.html b/index.html index 2c7a73d..9a20907 100644 --- a/index.html +++ b/index.html @@ -4,25 +4,104 @@ Grd - A CSS grid framework using Flexbox - + + + + -
-

Grd

+
Star Follow @1000ch -

A CSS grid framework using Flexbox.

-
    -
  • Simple: Provides just 2 base classes Grid and Cell and some modifiers.
    • -
  • Light-weight: Only 321 bytes (Gzipped).
    • -
  • Flexible: Easy to use Flexbox features.
    • -
-

Flexible Box Layout Module and calc() as CSS unit value used in Grd are available on modern browsers (Chrome, Firefox, Safari, Opera, Edge and IE11).

-

Live Demo

+
+ + GitHub + + +# grd ![""](https://badge-size.herokuapp.com/1000ch/grd/master/src/grd.css.svg?compression=gzip) + +![""](./logo.png) + +A CSS grid framework using Flexbox. + +- **Simple**: Provides just 2 base classes `Grid` and `Cell` and some modifiers. +- **Light-weight**: Only 321 bytes (Gzipped). +- **Flexible**: Easy to use Flexbox features. + +[Flexible Box Layout Module](http://caniuse.com/#search=flex) and [`calc()` as CSS unit value](http://caniuse.com/#search=calc) used in Grd are available on modern browsers (Chrome, Firefox, Safari, Opera, Edge and IE11). + +If you want to use Grd with Sass, you can choose [grd-sass](https://github.com/1000ch/grd-sass) as Sass port. + +## Install + +```bash +npm install grd +``` + +## Usage + +```html +
+
3of12
+
9of12
+
+``` + +## License + +[MIT](https://1000ch.mit-license.org) © [Shogo Sensui](https://github.com/1000ch) + +
+

Demo

<div class="Grid