Wie ich Ihre Website im Moment sehe, sind die drei Spalten responsiv.
Wenn Sie jedoch möchten, dass sich die 3 Spalten verkleinern, wenn Sie das Fenster verkleinern (außer natürlich auf Mobilgeräten), könnten Sie Folgendes versuchen:
/* Container für die 3 Spalten */
#main-outlet-wrapper {
display: flex;
justify-content: space-between;
gap: 20px; /* Abstand zwischen den Spalten nach Bedarf anpassen */
}
/* Jede Spalte */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
flex: 1;
padding: 10px;
background-color: #f4f4f4; /* Heller Hintergrund zur besseren Sichtbarkeit */
border: 1px solid #ddd; /* Optionaler Rahmen */
box-sizing: border-box; /* Sicherstellen, dass Padding in der Breite enthalten ist */
}
@media (max-width: 768px) {
/* Spalten auf kleineren Bildschirmen stapeln */
#main-outlet-wrapper {
flex-direction: column;
}
}