3 ms·
> Are you saying the issue is that flexbox will force everything to have the same height? No, I'm saying that you will not get columns unless you specify a fix
by kilburn 6y ago
> Are you saying the issue is that flexbox will force everything to have the same height?
No, I'm saying that you will not get columns unless you specify a fixed height for the container. Since you don't know the total height you want for the container, this is not a valid solution.
- nawgz 6y agoAh yeah, I see your point. Fair enough. However, if you're already using wrapper divs, it seems to me like you do some math on your boxes after the initial render to balance them. Either that or you literally just group them into 3 groups and accept whatever artifacts (read: column height mismatches). Either way, there is a CSS-only solution of sorts. Render the parent with 0 height, iterate over the children groups to find your max column height (remember - you already do this grouping with your wrapper divs), set your component height to your max of the 3 groups with 200ms transition, and you have a sweet CSS-only animated solution Might not be worth it - in my approximation it's not - but I guess that could depend on your domain.