Dans un mois, je serai proche de 1 000 membres, mais il me manque une chose !

Soutien
2

D’après ce que je vois de votre site actuellement, les trois colonnes sont responsives.

Mais si ce que vous voulez, c’est que les 3 colonnes se réduisent sur place à mesure que vous rétrécissez la fenêtre (sauf sur mobile, bien sûr), vous pourriez essayer ceci :

/* Conteneur pour les 3 colonnes */
#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Ajustez l'espace entre les colonnes si nécessaire */
}

/* Chaque colonne */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  padding: 10px;
  background-color: #f4f4f4; /* Fond clair pour la visibilité */
  border: 1px solid #ddd; /* Bordure optionnelle */
  box-sizing: border-box; /* Assurez-vous que le padding est inclus dans la largeur */
}

@media (max-width: 768px) {
  /* Empilez les colonnes sur les petits écrans */
  #main-outlet-wrapper {
    flex-direction: column;
  }
}
7 « J'aime »