From 138f9bd48d0277950425bc340eeb6ae6a8219946 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Piotr=20Szcz=C4=99=C5=9Bniak?= <szczesniakp@o2.pl>
Date: Fri, 29 Jul 2016 15:30:24 +0200
Subject: [PATCH] add gif to readme

---
 README.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index f9c665e..436f767 100644
--- a/README.md
+++ b/README.md
@@ -15,6 +15,9 @@ Downlod repository and run `npm install` and after that type `grunt` and hit ent
 If you just want to use it without customization - get css file from `dist/css` and... that's all :)
 
 ### Fully responsive
+
+![KaPi-flex responsive live example](http://piotr-szczesniak.kapisoft.pl/images/flex-grid-rwd.gif)
+
 Default breakpoints:
 
 Prefix | Value | Css media query
@@ -52,6 +55,7 @@ $column_gap: (0, 20, 30);
 </div>
 ```
 
+CSS grid class tree:
 ```css
 .grid
      --xs
@@ -91,8 +95,7 @@ $column_gap: (0, 20, 30);
     Examples of class names: grid, grid--top, grid--reverse, grid--20.
 ```
 
-CSS class tree:
-
+CSS column class tree:
 ```css
 .col
     -xs