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 🤘🏻

9 comments #

129likes

Bramus, danielwaltz.me, bvaughn.me and 101 more

14reposts
  • Jane Ori ???? CSS Runner ????‍????
  • Fronteers
  • fry69
  • Martin
  • Henry Lim
  • Felix
  • Allan Kukral

and 4 others

Join the conversation on

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