From 965d31a52915bf8c2e189d3775afa2f570beac71 Mon Sep 17 00:00:00 2001
From: raphaelgoettter <raphael@goetter.fr>
Date: Wed, 1 Apr 2015 17:28:29 +0200
Subject: [PATCH] modifs documentation

---
 doc/00-commencer.md |  2 ++
 doc/03-grilles.md   | 24 ++++++++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/doc/00-commencer.md b/doc/00-commencer.md
index 8902e97..74abaaa 100644
--- a/doc/00-commencer.md
+++ b/doc/00-commencer.md
@@ -37,6 +37,8 @@ La contrepartie est que cela nécessite de votre part de bonnes connaissances en
 
 Une [**documentation**](https://github.com/raphaelgoetter/KNACSS/tree/master/doc) détaillée et illustrée est en cours de rédaction. Je vous invite vivement à la parcourir avant de vous jeter sur KNACSS.
 
+Sachez qu'un [pense-bête en PDF](http://knacss.com/KNACSS-cheatsheet.pdf) est également disponible pour vous rappeler des classes utiles de KNACSS.
+
 
 ## Préprocesseurs
 
diff --git a/doc/03-grilles.md b/doc/03-grilles.md
index 87fb517..dbab87b 100644
--- a/doc/03-grilles.md
+++ b/doc/03-grilles.md
@@ -22,9 +22,33 @@ Au sein de la version CSS de KNACSS, l'ensemble des préfixes est présent, **vo
 Pour vous faire une idée, et jouer avec les valeurs possibles, vous trouverez [un exemple "bac à sable"](http://codepen.io/raphaelgoetter/pen/BybOag?editors=110) sur CodePen.
 
 **Exemple de grille de colonnes égales :**
+
+HTML :
+```html
+<div class="grid-4"> /* parent div (ou autre) de 4 colonnes */
+    <div>un div ou n'importe quoi d'autre</div>
+    <div>un 2è div ou n'importe quoi d'autre</div>
+    <div>un 3è div ou n'importe quoi d'autre</div>
+    <div>etc.</div>
+</div>
+```
+
+Résultat :
 ![grille de largeur égale](https://raw.githubusercontent.com/raphaelgoetter/KNACSS/master/doc/illust/03-grid-even.png)
 
 **Exemple de grille de colonnes inégales (3/4 - 1/4) :**
+
+HTML :
+```html
+<div class="grid-3-1"> /* parent div (ou autre) de 3-1 colonnes */
+    <div>un div ou n'importe quoi d'autre</div>
+    <div>un 2è div ou n'importe quoi d'autre</div>
+    <div>un 3è div ou n'importe quoi d'autre</div>
+    <div>etc.</div>
+</div>
+```
+
+Résultat :
 ![grille de largeur inégale](https://raw.githubusercontent.com/raphaelgoetter/KNACSS/master/doc/illust/03-grid-uneven.png)
 
 ## Mise en oeuvre