Voir le texte de Modèle:Responsive Box

== Responsive Box==
__NOTOC__
=== Écran large===
<div class="chahu-container" style="border:5px solid red;">
Box container
<div class="chahu-half" style="border:5px solid blue;">
Contenu 1
</div>
<div class="chahu-half" style="border:5px solid green;">
Contenu 2
</div>
</div>
=== Écran mobile ===
[[Fichier:RespBoxMobile.png]]

== Syntaxe ==
Pour faire des boîtes responsives, copier :

<pre>
<div class="chahu-container" style="border:5px solid red;">
Box container
<div class="chahu-half" style="border:5px solid blue;">
Contenu 1
</div>
<div class="chahu-half" style="border:5px solid green;">
Contenu 2
</div>
</div>
</pre>
== Image responsive==
<div class="chahu-container">
<div class="chahu-half" style="border:solid red 1px;">
[[Fichier:Modelerecette.png|class=chahu-img]]
</div>
<div class="chahu-half" style="padding:2%">
L'image de gauche s'adapte au format de l'écran
</div>
</div>