« Modèle:Responsive Box » : différence entre les versions
(Page créée avec « == Responsive Box== __NOTOC__ === Écran large=== <div class="chahu-container" style="border:5px solid red;"> Box container <div class="chahu-half" style="border:5px solid... ») |
Aucun résumé des modifications |
||
| Ligne 28 : | Ligne 28 : | ||
</div> | </div> | ||
</pre> | </pre> | ||
== Image responsive== | |||
<div class="chahu-container"> | |||
<div class="chahu-half" style="border:solid red 1px;"> | |||
[[Fichier:Cpteur05.jpg|class=chahu-img]] | |||
</div> | |||
<div class="chahu-half" style="padding:2%"> | |||
L'image de gauche s'adapte au format de l'écran | |||
</div> | |||
</div> | |||
Version du 3 décembre 2023 à 13:40
Responsive Box
Écran large
Box container
Contenu 1
Contenu 2
Écran mobile
Syntaxe
Pour faire des boîtes responsives, copier :
<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>
Image responsive
L'image de gauche s'adapte au format de l'écran