How the RedNote profile grid works: the 2-column waterfall, explained

Instagram's profile grid is easy to reason about: three columns, identical cells, rows that fill left to right. RedNote (Xiaohongshu) looks superficially similar — a wall of thumbnails — but it follows a completely different layout algorithm, and most planning advice written for Instagram quietly breaks on it. We implemented RedNote's layout rules in a preview engine, so this guide is the explanation we wish had existed: how the waterfall actually places your covers, and what that means when you plan a profile.

It's a waterfall, not a grid

RedNote's profile is a two-column waterfall (masonry) layout. Three rules govern it:

1. There are exactly two columns.
2. Every cover displays at its real aspect ratio — there is no uniform crop, so a tall 3:4 cover makes a tall card and a square cover makes a short one.
3. Each new card is appended to whichever column is currently shorter.

Rule 3 is the one that changes everything. On Instagram, position in the grid is determined purely by posting order: post #5 sits in a fixed cell (pinned posts aside). On RedNote, a card's position depends on the heights of everything placed before it. The same set of notes in the same order can produce a left-heavy or right-heavy page depending on nothing but cover ratios. There are no rows at all — just two independent stacks racing each other downward.

Newest first, top-left

Ordering flows newest at the top: your most recent note is placed first, into the top of the page, and older notes fill in below. The consequence is that every new post reshuffles the visual pairings beneath it. A new card claims the shorter column, which changes which column is shorter for the next card, and the displacement cascades down the page. Two covers that sat side by side yesterday can end up in the same column today — not because anything moved, but because a new card upstream changed the column heights everything after it is placed against. If you have ever carefully arranged two covers to sit next to each other and watched the pairing dissolve after one more post, this is why.

Why your columns look uneven

A question we see constantly: "my left column is longer than my right — is my profile broken?" No. The ragged bottom is the waterfall rendering correctly. Shortest-column placement keeps the columns approximately balanced, but it cannot make them equal: cards have different heights, so one column almost always ends lower than the other, and the difference can be up to roughly one card's height.

The effect is exaggerated when you have only a few posts. With four notes, a single tall cover is a large fraction of its column's total height, so the imbalance is glaring; with forty notes the same difference is invisible at the bottom of a long page. New accounts worry about this the most and need to the least — it fades as you post.

Planning implications

Once you internalize the placement rule, a few practical consequences follow:

• A tall cover displaces two short ones. A 3:4 cover extends its column by roughly the height of two 4:3 cards' covers — the tall card is 1.33× the column width, the short ones 0.75× each — so the opposite column receives the next placements until it catches up. One tall card effectively buys its neighbor column a run of consecutive cards.
• Alternating tall and short keeps columns balanced. If you mix ratios, interleave them. A run of tall covers followed by a run of short ones produces lopsided stretches; alternating lets each column absorb one of each.
• The footer is part of the math. Each card carries a white footer — the note's title and author line — below the cover, and that footer adds a roughly fixed height to every card regardless of cover ratio. This skews the balance in a non-obvious way: short cards have the worst footer-to-cover ratio, so a column that collects more short cards accumulates more footers and grows faster than its covers alone would suggest. Two 4:3 cards don't quite equal one 3:4 cover in column height — they come out slightly taller, because each card brings its own fixed footer.
• You cannot pin a pairing. Because every new post re-runs the cascade, "these two covers must sit together" is only guaranteed until your next note. Plan for column rhythm — alternating color, subject, or text-heavy versus photo covers — and treat exact adjacency as temporary.

See your own waterfall

All of this is much easier to see than to compute in your head, which is the reason we built the previewer. The FeedPeek tool implements the same shortest-column placement rule described above — two columns, real cover heights, fixed footers, newest first — so the page it renders is the page your profile will show. Drop in your upcoming covers, drag them into a different order, and watch the columns re-flow; testing a "what if I post the tall one first?" question takes seconds instead of a posted-and-regretted experiment.

And since cover ratio is the input the whole layout runs on, pair this with the RedNote cover-size guide — choosing your ratios deliberately is the closest thing the waterfall offers to controlling it.