MediaWiki:Common.css

De WikiSimland 4.0
Version datée du 25 septembre 2025 à 13:54 par Djay (discussion | contributions) (Contenu remplacé par « →‎Conteneur en 2 colonnes : .row-2cols { display: flex; flex-wrap: wrap; →‎Permet le passage à la ligne : gap: 2%; →‎Espacement entre colonnes : } →‎Chaque colonne occupe environ la moitié : .row-2cols .col { flex: 1 1 48%; } →‎Sur mobile : les colonnes s’empilent : @media (max-width: 768px) { .row-2cols { flex-direction: column; } .row-2cols .col { flex: 1 1 100%; max-width: 100%; } } »)

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  • Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
  • Opera : appuyez sur Ctrl + F5.
/* Conteneur en 2 colonnes */
.row-2cols {
  display: flex;
  flex-wrap: wrap;   /* Permet le passage à la ligne */
  gap: 2%;           /* Espacement entre colonnes */
}

/* Chaque colonne occupe environ la moitié */
.row-2cols .col {
  flex: 1 1 48%;
}

/* Sur mobile : les colonnes s’empilent */
@media (max-width: 768px) {
  .row-2cols {
    flex-direction: column;
  }
  .row-2cols .col {
    flex: 1 1 100%;
    max-width: 100%;
  }
}