A cartoon skull with a hotpink hat on.
atom@argyleink
notecss

I wished for this last year

.flex-container {
  display: flex;
  flex-wrap: balance;
}

now it's headed to Chrome 🤘🏻

10 comments #

129likes
14reposts

Join the conversation on

flex-wrap: balance! https://t.co/t7b4QXhCoi
Adam ArgyleAdam Argyle
can't wait to see all the popular posts about how this 1 line of #CSS … ????
Adam ArgyleAdam Argyle
@argyleink That ! is the tell: uneven wrapped rows still need the browser to own the balance.
Paul Sant · TelecodexPaul Sant · Telecodex
Cool!
Manuel MatuzovićManuel Matuzović
@argyleink see you soon Adam!
Francesco CiullaFrancesco Ciulla
@argyleink Una Kravets did mention something about flex-wrap: balance; which works similar to text-wrap: balance; with the addition of maintaining balance on flex-lines.
Franklin WilliamsFranklin Williams
@argyleink Nice one, see you in 2 weeks 😊
Roland FrankeRoland Franke
@argyleink Nice! I also really want that shrink-wrap feature you mention in your original post 😄
Kevin ClarkKevin Clark
Definitely setting questions on this!!!
Sunkanmi FafoworaSunkanmi Fafowora
@kevinclark It’s a pretext feature 😅
Adam ArgyleAdam Argyle