How to make 2 column with difference width.

[chuong3x]

I have 2 column layout. I want to these column with difference width. How can I do that?

[jaredLunde]

This isn't possible right now

[intelligence]

Looking for the same functionality. Would be nice to be able to use variable width and/or height.

[jaredLunde]

Out of scope, use something else :)

[intelligence]

I see, do you know if if it's technically feasible, from a performance perspective to create a feature like that? I've been looking for react components that enables variable width and height, but there aren't any around.

Thanks for your reply :)

[jaredLunde]

I think it'd be algorithmically challenging. Masonry layouts like this one are really straightforward. They're laid out in columns and you just place the next cell in the shortest column. So all you have to track is the # of columns that fit in a given window, then keep track of the current height of each column. I haven't thought much about what a masonry layout that accepted arbitrary dimensions would look like tbh :\