Grille Knacss : affichage sur une colonne tiny-1 ne fct pas

Bonjour à tous,

J'utilise Knacss avec bonheur et je cherche en vain à trouver mon erreur

Soit une grille toute simple <div class="grid-3"> : normalement sur un mobile en mode portrait l'affichage devrait être en 1 colonne. Malheureusement ce n'est pas le cas dans mon exemple : http://codepen.io/dasys/pen/wWVOYo

Pourtant lorsque que j'affiche la section "une grille vite fait bien fait ?" de la démo de Knacss cette même grille s'affiche bien sur une colonne sur un IPhone 6 ou lorsque je réduis la largeur mon navigateur (http://knacss.com/#doc)

Je crois devenir chèvre ^^

D'avance mille mercis pour votre aide.

Bien à vous

Bonjour, voici ce que dit exactement la documentation complète ( https://github.com/alsacreations/KNACSS/blob/master/doc/03-grilles.md#grilles-responsive ) :

la-doc a écrit :
Les grilles KNACSS sont mobile-first et "plus ou moins" responsive naturellement, dans la mesure où par défaut :

- elles s'affichent systématiquement sur une seule colonne sur un très petit écran ("tiny"),
- elles s'affichent en 2 colonnes sur un écran de taille réduite ("small"),
- elles occupent le nombre de colonnes définies dans la variable $grid-number sur un écran suffisamment large.

Vous pouvez définir le nombre de colonnes selon les tailles d'écran à l'aide du mot-clé : -small-*. Ce mot-clé définit le nombre de colonnes lorsque le point de rupture se situe au-delà de la taille "tiny" et en-deçà de la taille "medium".

Il se trouve que dans la version actuelle, la valeur de "tiny" est 320px.Sur un iPhone 6, la valeur de viewport est supérieure à 320px et la grille passe donc en 2 colonnes.

L'une des solutions serait d'ajouter le préfixe "-small-1" pour forcer à 1 colonne même en écran small.

... ou alors d'attendre un peu pour la sortie officielle du nouveau système de grille de KNACSS, prévu pour la v6 et visible et testable en avant-première ici : http://grillade.knacss.com