« MediaWiki:Common.css » : différence entre les versions

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 309 : Ligne 309 :
*/
*/


/* Deux colonnes côte à côte en desktop, empilées en mobile */
/* Conteneur en 2 colonnes */
.col-2 {
.row-2cols {
   width: 48% !important;
   display: flex;
   display: inline-block !important;
   flex-wrap: wrap;   /* Permet le passage à la ligne */
   vertical-align: top !important;
   gap: 2%;           /* Espacement entre colonnes */
}
}


/* Sur mobile : les div passent en pleine largeur */
/* Chaque colonne occupe environ la moitié */
.row-2cols .col {
  flex: 1 1 48%;
}
 
/* Sur mobile : les colonnes s’empilent */
@media (max-width: 768px) {
@media (max-width: 768px) {
   .col-2 {
   .row-2cols .col {
     width: 100% !important;
     flex: 1 1 100%;
    display: block !important;
   }
   }
}
}