# 在一个月内我接近1000名会员，但我缺少一件事！

**URL:** <https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270>\
**Category:** Support\
**Created:** [2024年十月17日 00:48 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270 "2024-10-17T00:48:43Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\
**Post date:** [2024年十月17日 02:13 UTC](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270/2 "2024-10-17T02:13:43Z")

</div>

As I see your site right now, the three columns are responsive.

But if what you want is for the 3 columns to shrink in place as you narrow the window (except in mobile of course), you could try this:

```css
/* Container to hold the 3 columns */
#main-outlet-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px; /* Adjust space between columns if needed */
}

/* Each column */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
  flex: 1;
  padding: 10px;
  background-color: #f4f4f4; /* Light background for visibility */
  border: 1px solid #ddd; /* Optional border */
  box-sizing: border-box; /* Ensure padding is included in width */
}

@media (max-width: 768px) {
  /* Stack columns on smaller screens */
  #main-outlet-wrapper {
    flex-direction: column;
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/in-1-month-im-close-to-1-000-members-but-im-missing-one-thing/331270)._