T.J. Crowder on Nostr: So I was playing with this nice flex playground, and it revealed a gap in my ...
So I was playing with this nice flex playground, and it revealed a gap in my understanding. (I have a *lot* of those around CSS.) Starting from the playground defaults, if you change `align-items` to `stretch`, they stretch all the way down as expected. But if you then change `flex-direction` to `column`, they *don't* stretch all the way across. Why is that?
#CSS
https://yoavsbg.github.io/css-flexbox-playground/Published at
2025-01-05 14:55:40Event JSON
{
"id": "3fdb20f289587ea89f0ca7646e682e57e2d8aceaee3abc04aaedc3bb6ed6f2cc",
"pubkey": "217ac0731d450534ab5982f5f0dcf67d1e8bb32577aa693ddb9bd263719293d7",
"created_at": 1736088940,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"proxy",
"https://hachyderm.io/users/tjcrowdertech/statuses/113776324791412208",
"activitypub"
]
],
"content": "So I was playing with this nice flex playground, and it revealed a gap in my understanding. (I have a *lot* of those around CSS.) Starting from the playground defaults, if you change `align-items` to `stretch`, they stretch all the way down as expected. But if you then change `flex-direction` to `column`, they *don't* stretch all the way across. Why is that?\n\n#CSS\n\nhttps://yoavsbg.github.io/css-flexbox-playground/",
"sig": "ece774ba24898212b501dbfae46d06ae480769d7b67a66716cef31b7d183907a691debe11cf7f0d21840823476ad86e61a13585084eaaa6186d010a3cae7c6a5"
}
