Weird flex, but ok
Hell, I’m a web dev and I’d pay someone to center things for me
I don’t do web dev, I write math software that makes very rich people richer. But I often hear of this centering and layout crap
Why doesn’t html just have hcenter and vcenter tags or something? Why is centering so hard?
Centering things on a web page is so easy.
I also have to look it up every single time.
I wasn’t expecting this to work, and yet it does: https://css-tricks.com/the-peculiar-magic-of-flexbox-and-auto-margins/
When Sam says, “that item will automatically extend its specified margin to occupy the extra space in the flex container,” the way my empty filing cabinet brain interprets that is like so:
Setting the margin property on a flex child will push the child away from that direction. Set
margin-left
toauto
, the child will push right. Setmargin-top
toauto
and the child will push to the bottom.[…]
Why is this useful to know? Well, I think there are a few moments where
justify-self
oralign-self
might not get you exactly what you want in a layout where using auto margins gives you that extra flexibility to fine-tune things.