Через месяц у меня будет почти 1000 участников, но чего-то не хватает!

Поддержка
2

Сейчас, когда я просматриваю ваш сайт, три колонки являются адаптивными.

Но если вы хотите, чтобы три колонки сжимались на месте при уменьшении ширины окна (за исключением мобильных устройств, конечно), вы можете попробовать следующее:

/* Контейнер для удержания 3 колонок */
#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* При необходимости измените пространство между колонками */
}

/* Каждая колонка */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  padding: 10px;
  background-color: #f4f4f4; /* Светлый фон для наглядности */
  border: 1px solid #ddd; /* Опциональная граница */
  box-sizing: border-box; /* Убедитесь, что отступы включены в ширину */
}

@media (max-width: 768px) {
  /* Стек колонок на экранах меньшего размера */
  #main-outlet-wrapper {
    flex-direction: column;
  }
}