Bruce Lawson’s personal site

A quick tip for understanding CSS Flexbox

Quite a few people have difficulty understanding the CSS Flexible Box Model, especially the flex-shrink property. Even brainboxes like Remington Sharp find it tricky:

As a quick tip, I find a helpful way of coming to grips with it is by likening Flexbox to String Theory. Thus, flex-basis is analogous to a Calabi–Yau manifold or similar higher-dimensional analogues of K3 surfaces, and think of flex-shrink as behaving like the 7 compactified dimensions propagating from one point to another by summing probability amplitudes.

Hope this helps.

4 Responses to “ A quick tip for understanding CSS Flexbox ”

Comment by djn

This means we can finally use sensible values like 1/0 + 2πi with flex-grow-and-shrink? Might be the next big thing in exotic layouts… when 5D screens hit the market.

Comment by Ray Ban Zonnebrillen

Er is veel onderzoek en statistieken die kunnen worden gebruikt om de selectie van beheerders dekken, maar in het einde, het iedereen denk dat als ze het beste volgend jaar zal zijn. Maar Ray Ban Brillen reproduceren niet van seks, maar seks fout te reproduceren. Voor filmmaker en nieuwe National Geographic Explorer in Residence James Cameron, een persoonlijke liefde voor de exploratie zakt in zijn werk, waardoor films als “Avatar” om mensen bewust te maken van de echte wereld problemen vonk doo

Leave a Reply

HTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> . To display code, manually escape it.